这篇文章主要介绍CSS页面布局中设置页面背景的知识点有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强> 1,设置背景色
CSS提供background属性设置页面的背景色。
实例:背景颜色:红色;
<强> 2,设置背景图片
页面添加图片
语法:& lt; https://www.yisu.com/zixun/img src=" pic.jpg "/>
页面添加背景图片
CSS提供背景图像属性直接为页面添加一个背景图片。
语法:背景图像:url (pic.jpg);
<强>(1)背景图片的平铺
CSS提供平铺方式属性设置背景图片的平铺方式。有四种属性重复(背景图片在横向和纵向上平铺),没有重演(背景图片不平铺),repeat-x(背景图片在横向上平铺),repeat-y(背景图片在纵向上平铺)。
语法:平铺方式:repeatmode;
<强>(2)背景图片的位置
CSS提供背景位置属性设置背景图片与页面的相对位置。
语法:背景位置:位置;
其中位置可以使用长度单位,百分比,关键字来确定。
使用长度单位:背景位置:10 px 20 px;(背景图片沿x轴平移10 px,沿y轴平移20 px)
使用百分比:背景位置:30% - 30%;
使用关键字:背景位置:正确的底部;属性值横向有左,中心,对,纵向有,中心,底部。
<强>(3)固定和滚动背景图片
CSS提供background-attachment属性。属性值滚动表示背景图片随对象内容滚动;固定表示背景图片固定。
实例:background-attachment:固定;
<强> 3页面背景属性
属性背景图片,背景位置,平铺方式,background-attachment四个属性可以使用背景进行缩写。
实例:背景:url (pic.jpg) 10 px 20 px重复固定;
以上是“CSS页面布局中设置页面背景的知识点有哪些”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
