n CSS背景属性
- Background-color:背景色。
- Background-image:背景图片地址。如:background-image:url(images/bg.gif;)
- Background-repeat:背景平铺方式,取值:no-repeat(不平铺)、repeat-x(水平方向)、repeat-y(垂直方向)
- Background-position:背景定位。格式:background-position:水平方向定位 垂直方向定位;
u 用英文单词定位:background-position:left | center | right top | center | bottom;
u 用固定值定位:background-position:50px 50px; //背景距离容器的左边50px,容器顶端50px
u 用百分比定位:background-position:50% 50%; //水平居中,垂直居中
u 混合定位:background-position:left 10px; //背景靠左边对齐,距离容器顶端10px
u Background:背景色 背景图 平铺方式 定位方式;
u 举例:background:url(images/bg.gif) no-repeat center center;
u 举例:background:#ccc url(images/bg.gif) no-repeat left 10px;
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
相关文章:
-
-
-
详解CSS3新增的背景属性
CSS3新增属性:background-clip ,background-origin , background-size,本文给大家分享CSS3新增的背景属性...
[阅读全文]
-
-
-
CSS3 旋转立方体问题详解
这篇文章主要介绍了CSS3 旋转立方体问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
Grid 宫格常用布局的实现
这篇文章主要介绍了Grid 宫格常用布局的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
-
-
CSS3实现网站商品展示效果图
这篇文章主要介绍了CSS3实现网站商品展示效果图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习...
[阅读全文]
-
网友评论