斜线纹理的背景在div css中是怎么实现的?急用啊!!!

html-css026

斜线纹理的背景在div css中是怎么实现的?急用啊!!!,第1张

一般都是做一个正方形的斜线纹理图比如

(图一)背景纹理的的间距大小与你所做的背景图有关,假如图一为一个6px的正方形,作为背景平铺出来的的斜线纹理间距就是5px的距离,(图二)

为一个6px的正方形,作为背景平铺出来的斜线纹理间距就是就是2px的距离,这样背景斜线纹理间距的疏密程度就得到了很好的控制(ps:一般这些背景图做个4px~8px之间的一个正方形就行了,然后background:url(../images/adfa.gif) no-petear就行了!)谢谢采纳

center 70px / 100%

斜杠前面的表示背景图片左上角在元素的显示位置,其中center表示图片水平居中,70px表示从元素的上边算起70像素处开始显示;

斜杠后面表示背景图片的显示尺寸,100%表示与元素的尺寸完全相等。

因此 center 70px / 100% 相当于:

background-position: center 70px

background-size: 100% 100%

要说明的是,由于background-size是css3的新属性,因此这种利用斜杠的缩写方式也是css3才支持的。