css背景应用中的repeat-x与repeat-y各是什么意思

经常使用repeat-xrepeat-y,那么你知道这些是什么意思吗。下面结合例子说明一下这两个属性的基本含义及用法

复制代码代码如下:
#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;}

repeat-x是横向铺满,就是在#header .nav-box中,图片nav-box-bg.gif会横向重复,直到铺满;
repeat-y是纵向,就这么回事,如果不想重复,no-repeat.

版权声明:
作者:路小白
链接:https://www.yxey.cn/jianzhan/daima/410612.html
来源:营销二院路小白个人品牌自媒体平台博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>