[摘要]本文给大家详解CSS如何设置背景属性,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。背景相关属性主要有:background-color 背景颜色 background-imag...
本文给大家详解CSS如何设置背景属性,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
背景相关属性主要有:
background-color 背景颜色
background-image 背景图片
background-repeat 是否平铺 repeat (默认平铺) repeat-x(水平平铺) repeat-y (垂直平铺) no-repeat (不平铺)
background-position 背景位置 length(百分数) position(top center button left right) 一般两个一起用,如果至指定一个方向另一个方向默认为center,两种方法也可以混搭。方位名词没有顺序区分,而使用百分数时时有顺序的,先是水平后是垂直
background-attachment 背景固定还是滚动 scroll fixed
background:背景颜色 背景图片 是否平铺 背景固定还是滚动 背景位置
#p1 {
width: 300px;
height: 300px;
background-color: blue; /*默认是transparent透明的*/
/* background-color: transparent; */
background-image: url(Images/2.jpg);
background-repeat: no-repeat; /*不平铺,默认是水平垂直平铺*/
/* background-repeat: repeat-y; */
/* background-repeat: repeat-x; */
/* background-position: right bottom; */
background-position: 10% center;
background-attachment: fixed;
}