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做图片的时候，要把渐变的一面色设定成
网页的背景色。
这样读者在网页上就看起来很自然了。
而且不会出现由于显示器屏幕大小不同，图片要改的问题
相关文档：
XHTML
+CSS
与SEO
的内容，后面章节会详
细给大家介绍，这里就先说一些，让大家对xHTML+CSS与SEO有一定的认识，为后面制作页面打基础，毕竟我们做出来的页面还是要给搜索引擎
看的，所以不能不提提xHTML+CSS与SEO的关系。
1)将页面中最重要的内容用
h1标签括起来，h1的内容就和页面title很自然的包含了站点或者页面� ......
本节主要讲解，两个内容，
第一：CSS
如何控制页面样式，有
几种方式；
第二：这些方式出现在同一个页面时的优先级。
使用xHTML
+CSS
布局页面，其中有个很重要的特点就是内容与表象相分离，内容指HTML页面代码，表象就是CSS代码了，如果把页面看成穿着衣服的人的话，人就是
HTML，是� ......
规范的命名也是Web标准
中的重要一项，标准的命名可以更好的看懂代码，我想大家应该都有这种经历，某日翻出自己过去写的代码
居然看不懂了，呵呵，为了避免这种情况我们就要规范化命名，再说了，现在一个项目不是一个人就可以完成的，是需要大家互相合作的，如果没有规范化命名，别
人就无法看懂你的代码，大大降低了工� ......
我们先来分析一下块级元素、内联级元素的定义和解析：
块元素(block
element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。
“form"
这个块元素比较特殊，它只能用来容纳其他块元素。
如果没有css的作用，块元素
......
CSS实现局部打印
关键字: css实现局部打印
在实现打印预览的时候，可以采用JS来完成这一功能，但这样会让所有在页面上的部分都答应出来，包括像“打印预览”这样的按钮也会打印，这样的情况，可以采用CSS来完成局部答应的功能。
& ......
