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

html-css026

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

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

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

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

先给背景设置了渐变颜色并且旋转一定角度,实现斜着的渐变效果。

接下来把背景放大500%,然后设置了一个15秒的动画,动画infinite无限循环。

动画部分就是对背景进行一个定位,实现渐变颜色的动态切换。

html结构

css样式

gitee地址: siebe/html-css-demo (https://gitee.com/siebe/html-css-demo)

CSS背景图片不滚动的方法<STYLE TYPE=”text/css”><!–BODY {background-image: URL(图片地址)

background-position: center

background-repeat: no-repeat

background-attachment: fixed}–></STYLE>CSS改变滚动条颜色在CSS的BODY里输入:Scrollbar-Face-Color为滚动条表面颜色设定;

Scrollbar-Track-Color为滚动条底板颜色设定;

Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定;

Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;

Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;

Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;

Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。

例子:<style type=”text/css”>body {scrollbar-face-color: #333333

scrollbar-shadow-color: #808080

scrollbar-highlight-color: #333333

scrollbar-3dlight-color: #808080

scrollbar-darkshadow-color: #333333