一般都是做一个正方形的斜线纹理图比如
(图一)背景纹理的的间距大小与你所做的背景图有关,假如图一为一个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