html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

css背景应用中的repeat-x与repeat-y各是什么意思_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:经常使用repeat-x与repeat-y,那么你知道这些是什么意思吗。下面结合例子说明一下这两个属性的基本含义及用法

复制代码
代码如下:
EHqHTML5中文学习网 - HTML5先行者学习网
#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;} EHqHTML5中文学习网 - HTML5先行者学习网
EHqHTML5中文学习网 - HTML5先行者学习网
repeat-x是横向铺满,就是在#header .nav-box中,图片nav-box-bg.gif会横向重复,直到铺满; EHqHTML5中文学习网 - HTML5先行者学习网
repeat-y是纵向,就这么回事,如果不想重复,no-repeat.
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助