掀开奶罩边躁狠狠躁软学生小说,综合国产精品2022

　表格藝術(shù)經(jīng)典回顧

作者：marvellous　時間： 2006-03-21　文檔類型：原創(chuàng)　來自：藍(lán)色理想

本文旨在挖掘表格在藝術(shù)創(chuàng)意方面的一些功能效果。

運行代碼框
<script language="JavaScript">  </script> <style>td{border:0;align:center;vertical-align:middle;}</style> <body bgcolor="#000000"> <br><br> <center> <table style="width:456;height:111;border:10px groove red;" border="1" cellspacing="22" id="myexample" ><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue);"> </td><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=lime,endColorStr=orange);"> </td><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=cyan,endColorStr=brown);"> </td></tr></table> <table style="width:456;height:400;"><tr><td style="width:228;height:400;"> <table border="0" cellspacing="22" style="width:228;height:400;table-layout:fixed;"><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue);width:50%;"> </td><td rowspan="4" style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=cyan,endColorStr=brown);width:50%;"><font face="華文行楷" size="56" color="blue"><a href="#">原</a></font></td></tr><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=lime,endColorStr=orange);"> </td><td> </td></tr><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=gray,endColorStr=yellow);"> </td><td> </td></tr><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=green,endColorStr=pink);"> </td><td> </td></tr></table> </td> <td style="width:228;height:400;"> <table border="0" cellspacing="22" style="width:228;height:400;filter:fliph;"><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue);width:50%;"> </td><td rowspan="4" style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=cyan,endColorStr=brown);width:50%;"><font face="華文行楷" size="56" color="purple">原</font></td></tr><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=lime,endColorStr=orange);"> </td><td> </td></tr><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=gray,endColorStr=yellow);"> </td><td> </td></tr><tr><td style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=green,endColorStr=pink);"> </td><td> </td></tr></table></td></tr></table> </td></tr></table> <script language="JavaScript1.2">  </script>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

運行代碼框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-htm.../loose.dtd"> <HTML><HEAD><TITLE>Rounded Box Demo</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css> BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Georgia; BACKGROUND-COLOR: #fff } DIV.rounded-box { MARGIN: 3px; WIDTH: 9em; POSITION: relative; BACKGROUND-COLOR: #e6e6e6; filter:Alpha(Opacity=50); } DIV.top-left-corner { OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff } DIV.bottom-left-corner { OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff } DIV.top-right-corner { OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff } DIV.bottom-right-corner { OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff } DIV.top-left-inside { FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative } DIV.bottom-left-inside { FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative } DIV.top-right-inside { FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative } DIV.bottom-right-inside { FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative } DIV.top-left-corner { LEFT: 0px; TOP: 0px } DIV.bottom-left-corner { LEFT: 0px; BOTTOM: 0px } DIV.top-right-corner { RIGHT: 0px; TOP: 0px } DIV.bottom-right-corner { RIGHT: 0px; BOTTOM: 0px } DIV.top-left-inside { LEFT: -8px } DIV.bottom-left-inside { LEFT: -8px; TOP: -17px } DIV.top-right-inside { LEFT: -25px } DIV.bottom-right-inside { LEFT: -25px; TOP: -17px } DIV.box-contents { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; COLOR: #000; PADDING-TOP: 8px; POSITION: relative } </STYLE> <META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD> <BODY> <DIV class=rounded-box> <DIV class=top-left-corner> <DIV class=top-left-inside>•</DIV></DIV> <DIV class=bottom-left-corner> <DIV class=bottom-left-inside>•</DIV></DIV> <DIV class=top-right-corner> <DIV class=top-right-inside>•</DIV></DIV> <DIV class=bottom-right-corner> <DIV class=bottom-right-inside>•</DIV></DIV> <DIV class=box-contents> <center> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td width="1" rowspan="2"></td> <td width="1" height="1"></td> <td height="1" bgcolor="#cccccc"></td> <td width="1"></td> <td width="1" rowspan="2"></td> </tr> <tr> <td width="1" height="1" bgcolor="#cccccc"></td> <td height="1"></td> <td width="1" bgcolor="#cccccc"></td> </tr> <tr> <td width="1" bgcolor="#cccccc"></td> <td width="1" height="1"></td> <td width="120 height="0"><marquee direction="right" scrollamount="10"><table style="font-size:1px;width:50px;height:10px;"><tr><td bgcolor="#e5fee5"></td><td bgcolor="#caf7ca"></td><td bgcolor="#8feb90"></td></tr></table></marquee></td> <td width="1" height="1"></td> <td width="1" bgcolor="#cccccc"></td> </tr> <tr> <td rowspan="2"></td> <td height="1" bgcolor="#cccccc"></td> <td height="1"></td> <td bgcolor="#cccccc"></td> <td rowspan="2"></td> </tr> <tr> <td height="1"></td> <td height="1" bgcolor="#cccccc"></td> <td></td> </tr> </table> </DIV></DIV> <br><br> <style>td{color:red;font-family:華文行楷;font-size:14px;}</style> <center> <TABLE BORDER="5" BORDERCOLOR="#0080FF" BORDERCOLORLIGHT="#62B0FF" BORDERCOLORDARK="#004B97" BGCOLOR=#FFCC33 cellspacing="10" cellpadding="10" style=" FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=yellow,endColorStr=green);"> <TR><TD>良</TD><TD>天</TD></TR> <TR><TD>心</TD><TD>地</TD></TR> </TABLE> <br><br> <TABLE WIDTH="100" BORDER="0" HEIGHT="100" CELLPADDING="0" CELLSPACING="0"> <TR> <TD> </TD> <TD style="BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid"> </TD> <TD> </TD> </TR> <TR> <TD style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid"> </TD> <TD> </TD> <TD style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid"> </TD> </TR> <TR> <TD> </TD> <TD style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 0px solid"> </TD> <TD> </TD> </TR> </TABLE> </BODY></HTML>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

運行代碼框
<style> body{background:#000000;} H3{ text-align: left; font-size: 12px; color: brown; float: left; margin-left: 2px; margin-top: 3px; font-family: "隸書";letter-spacing:3px; } p { line-height: 22px; color: yellow; font-size: 12px; text-indent: 2em; margin-top: 10px; margin-right: 10px; margin-left: 10px; font-family: "華文行楷"; } </style> <center> <table><tr> <td> <table style="width:240;height:360;" cellspacing="0" cellpadding="0"> <tr><td style="width:240;height:10%;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=white,endColorStr=pink);"> <h3>讓我內(nèi)心的男主角放出光芒</h3> </td></tr><tr><td style="width:240;height:90%;background-color:darkblue;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=skyblue,endColorStr=darkblue);"> <p>偶就是做手機(jī)短信的，但不是這種詐騙的行為。這樣的短信隨手刪除就ok了。我覺得這樣的短信還不算可氣的。可氣的是，對方給你撥電話響一聲掛了。自己以為是什么重要的業(yè)務(wù)電話。隨手回過去，結(jié)果是莫名其妙的：“歡迎致電臺灣**公司。。�！币粋€*聲*氣的女的。立馬掛斷，心里面還撲通撲通，這個聲訊電話扣我多少錢�。�</p> </td></tr> </table> </td> <td> <table style="width:240;height:360;" cellspacing="0" cellpadding="0"> <tr><td style="width:240;height:10%;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=orange,endColorStr=white);"> <style>  </style> <script language="JavaScript1.2"> function glowit(which){ if (document.all.glowtext[which].filters[0].strength==2) document.all.glowtext[which].filters[0].strength=1 else document.all.glowtext[which].filters[0].strength=2 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==2) document.all.glowtext.filters[0].strength=1 else document.all.glowtext.filters[0].strength=2 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing </script> <center>  <span id="glowtext"><font color="ffffff" " face="華文行楷" size="4">芙蓉花兒綻放開來粉嘟嘟兒 </font></span> </td></tr><tr><td style="width:240;height:90%;background-color:darkblue;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=darkblue,endColorStr=skyblue);"> <center> <a href="#" onFocus="if(this.blur)this.blur()"><img src="http://desk.blueidea.com/DESK/QTBZ/ship_2/225/ship_2001.jpg" onMouseOut=nereidFade(this,100,10,3) onMouseOver=nereidFade(this,20,10,3) style="FILTER: alpha(opacity=100)" border="0" ></a> </td></tr> </table> </td> </tr><tr> <td> <table style="width:240;height:360;" cellspacing="0" cellpadding="0"> <tr><td style="width:240;height:10%;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=white,endColorStr=green);"> <h3>讓我內(nèi)心的女主角放出光芒</h3> </td></tr><tr><td style="width:240;height:90%;background-color:darkblue;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=skyblue,endColorStr=darkblue);"> <p>偶就是做手機(jī)短信的，但不是這種詐騙的行為。這樣的短信隨手刪除就ok了。我覺得這樣的短信還不算可氣的。可氣的是，對方給你撥電話響一聲掛了。自己以為是什么重要的業(yè)務(wù)電話。隨手回過去，結(jié)果是莫名其妙的：“歡迎致電臺灣**公司。。�！币粋€*聲*氣的女的。立馬掛斷，心里面還撲通撲通，這個聲訊電話扣我多少錢�。�</p> </td></tr> </table> </td> <td> <table style="width:240;height:360;" cellspacing="0" cellpadding="0"> <tr><td style="width:240;height:10%;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=deeppink,endColorStr=white);"> <center> <span id="glowtext"><font color="ffffff" " face="華文新魏" size="4">妹妹扎起黑漆漆的翹揪揪兒 </font></span> </td></tr><tr><td style="width:240;height:90%;background-color:darkblue;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=darkblue,endColorStr=skyblue);"> <script language="JavaScript"> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script> <center> <a href="#" onFocus="if(this.blur)this.blur()"><img src="http://desk.blueidea.com/DESK/16001200BZ/Webshots_29/225/Webshots_29001.jpg" onMouseOut=nereidFade(this,100,10,3) onMouseOver=nereidFade(this,20,10,3) style="FILTER: alpha(opacity=100)" border="0" ></a> </td></tr> </table> </td> </tr></table>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

顏色漸變在表格上的應(yīng)用:

運行代碼框
<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)"> 金翅擘海 </td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119f,endcolorstr=#FF09FFFF,gradientType=1)"> 如果說人生的離合是一場戲，那么百年的緣分更是早有安排…… </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">知</font><font color="#FF2222">往</font><font color="#001199">觀</font><font color="#00fffa">來</font></B> </td></tr> </table>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

運行代碼框
<p align="center" style="line-height: 20px"> <span id="glowtext" style="color:lime;font-size:14px;font-family:華文行楷;">&&&鉆石恒久遠(yuǎn),一顆永流傳&&&</span> <style> body {filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='black',endColorstr='blue');} </style> <center> <table cellspacing="10" cellpadding="10"> <tr> <td width="100" height="75" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='red',endColorstr='blue');"> </td> <td width="100" height="75" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#004040',endColorstr='#C0FFFF');"> </td> <td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#c0c0ff',endColorstr='#0000FF');"> </td> <td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#ff0000',endColorstr='#ffeeee');"> </td> <td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#FFFFEE',endColorstr='#EEDD00');"> </td> <td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#008800',endColorstr='#ddffdd');"> </td> <td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#006600',endColorstr='#88ff88');"></td> </tr></table> <br><br> <table frame=void border=1 bordercolor=blue cellpadding=0 cellspacing=0 width=200 style="border-collapse:collapse;table-layout:fixed;"> <tr><td>心昭日月</td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td>氣壯山河</td></tr></table> <br><br> <center>╔────────╗<br>│<font color="808080">力拔山河</font><font color="FF0000">㊣</font>│<br>╚────────╝ <br> <style by tesion> th { background: #CCCCCC;font-family:華文行楷;color:white;filter:progid:DXImageTransform.microsoft.gradient(startColorStr=blue,endColorStr=skyblue);font-size:14px;} td {background: #e8e8e8;font-family:隸書;text-align:center;color:lime;filter:progid:DXImageTransform.microsoft.gradient(startColorStr=skyblue,endColorStr=blue);font-size:14px;} </style> <center> <table height="222" width="147" cellspacing="0"> <tr> <th>半根の煙</th> </tr> <tr> <td>古惑狼一</td> </tr> <tr> <th>在線元素</th> </tr> <tr> <td>水中月臺</td> </tr> <tr> <th>一葉孤舟</th> </tr> <tr> <td> <span id="a"></span> <script language="javascript"> var str="求莫名堂"; var j=0; function blurStr() { out=""; for(i=0;i<str.length;i++) { if(i==j)out+="<font FACE='Verdana, Arial, Helvetica, sans-serif' color='red'>"+str.charAt(i)+"</font>"; else out+=str.charAt(i); } a.innerHTML=out; (j==str.length)?j=0:j++; } setInterval("blurStr()",100); </script> </td> </tr> </table> <style>  </style> <script language="JavaScript1.2"> function glowit(which){ if (document.all.glowtext[which].filters[0].strength==4) document.all.glowtext[which].filters[0].strength=1 else document.all.glowtext[which].filters[0].strength=4 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==4) document.all.glowtext.filters[0].strength=1 else document.all.glowtext.filters[0].strength=4 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing </script> <p align="center" style="line-height: 20px"> <span id="glowtext" style="color:lime;font-size:12px;font-family:華文行楷;">&&&生動的,鮮明的,鮮艷的,大膽的,清晰的,活潑的,逼真的&&&</span>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

經(jīng)典討論帖:
http://m.95time.cn/bbs/NewsDetail.asp?id=2501797

出處：藍(lán)色理想
責(zé)任編輯：moby

◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論

相關(guān)文章

如何用CSS定義表格與模擬表格

給表格加滾動條

NoahWeb實現(xiàn)表格多行多列

HTML 表格特效整理

作者文章

網(wǎng)頁中如何讓整段文字左右對齊


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計比賽網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點最新

站點最新列表

周大�！熬�•自然”設(shè)計大賽開啟

國際體驗設(shè)計大會7月將在京舉行

中國國防科技信息中心標(biāo)志征集

云計算如何讓安全問題可控

云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機(jī)制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx