在CSS中,设置background背景图片时有一个常用的属性叫作background-size,这个属性的作用是控制背景图片的大小。个人认为该属性非常重要,因为合适的背景图片大小能够让你的网页更加精
p { background-image: url('example.jpg'); background-size: auto; /*默认值,背景图像的原始大小*/ } <br> p { background-image: url('example.jpg'); background-size: contain; /*使背景图像适应容器尺寸,保持图像完整*/ } <br> p { background-image: url('example.jpg'); background-size: cover; /*让背景图像填充容器,并保持比例不变*/ } <br> p { background-image: url('example.jpg'); background-size: 100% 100%; /*使背景图像充满容器*/ } <br> p { background-image: url('example.jpg'); background-size: cover; background-attachment: fixed; /*使背景图像固定在网页中,无论何时,都会显示出来*/ }
粉丝
0
关注
0
收藏
0