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做图片的时候，要把渐变的一面色设定成
网页的背景色。
这样读者在网页上就看起来很自然了。
而且不会出现由于显示器屏幕大小不同，图片要改的问题
相关文档：
网页制作中，为了方便日后修改或协作开发，常常要对页面进行相应的注释，你网页结构清晰，可读性增强。以下介绍几种常用的注释方法：
一、HTML的注释方法
<!-- html注释:START -->
内容
<!-- html注释:END -->
二、CSS的注释方法
<style type="text/css">
/* css注释*/
</style>
在单独 ......
<html>
<head>
<mce:style type="text/css"><!--
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div. ......
IE和FF对盒模型的解释区别
IE和FF对盒模型的解释也不一样，代码说明：#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }
test 显示的宽带是 650px
IE Box的总宽度是： width+padding+border+margin宽度总和
FF Box的总宽度就是 width的宽度，padding+border+margin的宽度在含在width� ......
地震 网站变成灰黑色 css 代码
5.19-5.21为全国哀悼日， 百度、网易、新浪等各大网站均变成了灰黑色网页。怎样使网页变成灰黑色呢？
国务院决定5月19日至21日为全国哀悼日为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。
html {...}{ filter:progid:DXImageTransform.Microsoft.BasicImage(g ......
问题描述：CSS的编码不对的时候，CSS效果在IE8、IE7、Firefox下可以正常显示，但是在IE6下会使CSS失效，不起作用。
情况分析：今天做一个网站的时候碰到这个问题，搞了半宿没有找到问题所在，着实让我郁闷了好一会，后来上Google和百度了一下，找到了问题所在，CSS文件的编码不正确，网页采用的是utf-8编码的，而CSS是使用 ......
