欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSS3 Background || CSS3 背景

程序员文章站 2022-06-24 16:41:41
background-size 属性该属性在 CSS3 中让我们能够使用长度或百分比来指定背景图像的大小。contain 该值会规定自动缩放图像比例以适应容器。cover 该值也会自动将图片缩放以适应容器,但是当长宽比不同时,图像将被裁剪。background-clip 属性该属性指定了背景的绘图区域。其值如下:border-box 默认值,该值规定背景被绘制到边框的外边缘padding-box 该值规定背景被绘制到填充的外边缘content-box 该值规定背景被绘制在内容框中...

background-size 属性

该属性在 CSS3 中让我们能够使用长度或百分比来指定背景图像的大小

  • contain 该值会规定自动缩放图像比例以适应容器
  • cover 该值也会自动将图片缩放以适应容器,但是当长宽比不同时,图像将被裁剪

background-clip 属性

该属性指定了背景的绘图区域。其值如下:

  • border-box 默认值,该值规定背景被绘制到边框的外边缘
  • padding-box 该值规定背景被绘制到填充的外边缘
  • content-box 该值规定背景被绘制在内容框中

opacity 属性

该属性用于设置元素的不透明级别。值的范围:0.0 - 1.0


层叠背景图


CSS3 透明边框

本文地址:https://blog.csdn.net/CSDN_Alex_/article/details/111047273

相关标签: CSS CSS3