【CSS 背景详解】background
CSS的background
属性是一个简写属性,它用于设置一个元素的背景图像、背景颜色、背景重复、背景定位等属性。
基本语法如下:
background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [background-size] [background-origin] [background-clip];
每个部分都是可选的,你可以只使用你需要的部分。例如,如果你只想设置背景颜色和图片,你可以这样写:
background: #ff0000 url('image.jpg');
如果你想设置背景图片不重复,并且固定在左上角:
background: url('image.jpg') no-repeat top left;
如果你想设置背景图片的大小为背景元素的100%大小:
background: url('image.jpg') no-repeat center center / 100% 100%;
CSS3中,background
属性还增加了background-size
和background-origin
等新特性,使得背景图像的设置更加灵活。
评论已关闭