现在的位置: 首页 > 综合 > 正文

网页背景色设置

2013年08月01日 ⁄ 综合 ⁄ 共 1489字 ⁄ 字号 评论关闭

一、网页背景色从上到下渐变的一个例子

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)" >

对角线渐变:
<body style="FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,
finishY=100); BACKGROUND-COLOR: green">
上下渐变:
<body leftmargin="0" topmargin="0" style="filter:progid:DXImageTransform.Microsoft.Gradient(
startColorStr='#000000', endColorStr='#ffffff', gradientType='0')">
左右渐变:
<body leftmargin="0" topmargin="0" style="filter:progid:DXImageTransform.Microsoft.Gradient(
startColorStr='#000000', endColorStr='#ffffff', gradientType='1')">

二、局部背景色设置

 <table border="1" width="240" height="101" bgcolor="#C0C0C0">
<tr>
<td width="80" height="46" bgcolor="#00FFFF"></td>
<td width="80" height="46"></td><td width="80" height="46" bgcolor="#00FF00"></td>
</tr>
<tr>
<td width="80" height="47" bgcolor="#FFFF00"></td>
<td width="80" height="47" bgcolor="#FF0000"></td>
<td width="80" height="47" bgcolor="#FF00FF"></td>
</tr>
</table>

三、 CSS滤镜设置网页背景色渐变的效果

<html>
<head>
<title>CSS滤镜设定背景的渐变效果丨芯晴网页特效丨CsrCode.Cn</title>
<style type="text/css">
<!--
 body{
  filter:progid:DXImageTransform.Microsoft.Gradient  (startColorstr=#FF0000,endColorstr=#FFFF00);
 }
 #Layer1{
  position:absolute;
  left:50;top:100;width:200;height:100;
  filter:progid:DXImageTransform.Microsoft.Gradient  (startColorstr=#FFFFFF,endColorstr=#0000FF,GradientType=1);
 }
-->
</style>
</head>
<body>
<div id="Layer1"></div>
</body>
</html>

抱歉!评论已关闭.