css做渐变背景色集结
css-body背景渐变色的CSS
一、从上往下渐变
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
怎么设置网页背景为渐变色？
从上到下渐变和从左到右渐变的方法一样。
只不过在CSS把repeat-y换成repeat-x
repeat-x的意思就是沿着x轴平铺图片的意思。
--
网页背景色渐变
情况一：
是用一个1像素高的，200像素宽的
细长图片平铺出来的。
比如CSS代码
body{background:rul(tupian.jpg) #FFF repeat-y;}
情况二：
或者是1像素宽，200像素高的图片平铺出来的。
body{background:rul(tupian.jpg) #FFF repeat-x;}
。
上面两个情况里的图片的200宽是假设的。
你可以做成100宽也没什么。
比如网页是780像素宽。我用第一个情况，
我那长1像素高的细长图片是由粉红过度到纯白
左面粉红，右面纯白。
然后把网页背景色设定成纯白#FFF，
这样左面200像素是图片平铺产生的粉红。
到200像素以后是背景色白。
读者看起来是网页左面是粉红，均匀的渐变到右面。
--
关键：网页宽度是780像素，而我做的图片是200像素。
网页左面的200像素是图片平铺产生的颜色，
而其余的580像素是背景色设定出来的。
--
用photoshop做图片的时候，要把渐变的一面色设定成
网页的背景色。
这样读者在网页上就看起来很自然了。
而且不会出现由于显示器屏幕大小不同，图片要改的问题
相关文档：
使用Table布局页面为什么是不明智的？
大家看到标题，不要误解认为在页面中不能使用Table，而是可以
使用Table，但是尽量不要用Table去布局页面，为什么这么说呢，因为使用Table布局页面会使页面失去灵活性，怎么个灵活法呢，比如今天你好不
容易做出来的页面，第二天老板说我不喜欢登录模块放到右边，还是放到左边，通� ......
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
CSS＋DIV是网站标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。那么使用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
有时候我们在 ......
1. 样式表的简介：样式表由样式规则组成，这些规则告诉浏览器如何显示文档。
根据样式表所在位置，可分为行内样式、内嵌样式表、外部样式表
Ø 样式表的基本语法
1． 样式规则：h2{color:limegreen;}
&n ......
IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。
例如：
CSS代码
a:hover{background:url(imagepath)}
常用的解决方案：
在页面底部添加以下IE6专用代码，让IE6缓存CSS背景图片至本地，这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。
......
