方法一:剪裁好1px寬帶有漸變的背景圖片,在css文件中添加{background:url() repeat-x}這樣背景圖片只會在橫向repeat
方法二:<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)" >
缺點是:背景漸變的大小會隨著網(wǎng)頁大小的變化而變化
還有網(wǎng)頁圖片的顏色漸變:
<img src="xxxxxx.jpg" width=400 height=300 style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100)">
=======================
for example:
<style>td{text-align:center;color:white;font-family:宋體;font-size:14px;}table{table-layout:fixed;border:1 dashed blue;width:567;height:234;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=0);}\
body{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119d,endcolorstr=#FF000000,gradientType=1);}</style>
<center>
<table border="0" cellspacing="20" cellpadding="2">
<tr><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=1)">
網(wǎng)頁陶吧
</td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119f,endcolorstr=#FF09FFFF,gradientType=1)">
網(wǎng)頁陶吧提供單位或個人建站的全套服務(wù),包括建站指南(建站流程,網(wǎng)站模式,網(wǎng)站類型,主機和域名等)、網(wǎng)站制作(網(wǎng)頁工具、標記語言、網(wǎng)頁特效等)、網(wǎng)站推廣(網(wǎng)頁優(yōu)化,W3C標準,搜索引擎研究、網(wǎng)站推廣方式等)以及網(wǎng)絡(luò)新技術(shù)和新模式(web2.0,<a href=">,垂直搜索引擎等)
</td></tr><tr><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFee00,endcolorstr=#FF09FF00,gradientType=1)">
龍犢
</td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=deeppink,endcolorstr=#FF09FF00,gradientType=1)">
<B><font color="#22FF22">網(wǎng)</font><font color="#FF2222">頁</font><font color="#001199">陶</font><font color="#00fffa">吧</font></B>
</td></tr>
</table>
<s cript language="<a href=" cript</a>">
var now = new Date();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>");
</s cript>
<nos cript>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=nos criptcounter&cur=nos criptcounter" border='0' width='0' height='0'/>
</nos cript>