CSS基础学习（二）

11.CSS背景

①设置背景颜色（颜色值通常可以用十六进制（如#000000）或者颜色名称（如red）来表示）

属性：background-color 

例：

body {

background-color:#b0c4de;

}

②背景图像

属性：background-image 

例：

body {

background-image:url('https://static.runoob.com/images/mix/paper.gif');

}

③设置图片平铺

属性：background-repeat

例：

body
{
background-image:url('https://static.runoob.com/images/mix/gradient2.png');
background-repeat:repeat-x;      //只在水平方向平铺
}

 

body
{
background-image:url('https://static.runoob.com/images/mix/gradient2.png');
background-repeat:repeat-y;      //只在垂直方向平铺
}

 

body
{
background-image:url('https://static.runoob.com/images/mix/gradient2.png');
background-repeat:no-repeat;      //防止图片平铺
}

④改变图片在背景中的位置

属性：background-position

例：

body
{
background-image:url('1.png');
background-repeat:no-repeat;
background-position:right top;
}

⑤背景图像是否固定

（

       scroll：背景图片随着页面的滚动而滚动（默认）

       fixed：背景图片不会随着页面的滚动而滚动。

       local：背景图片会随着元素内容的滚动而滚动

）
例：属性：background-attachment

body {

background-image:url('1.gif');

background-repeat:no-repeat;

background-attachment:fixed;

}

 

__EOF__

本文作者：CherriesOvO
本文链接：https://www.cnblogs.com/zyj3955/p/14698106.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！