漂亮的表格样式(使用CSS样式表控制表格样式)资源-CSDN文库

共5个文件

gif：4个

html：1个

4星 · 超过85%的资源需积分: 50 142 浏览量 2014-01-18 12:40:02 上传评论收藏 3KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

mytable.rar （5个子文件）

表格样式

mytab.html 4KB

top_bg1.gif 176B

th_bg1.gif 296B

th_bg3.gif 946B

th_bg2.gif 838B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>精美的表格样式</title> <style type="text/css">  </style> <script type="text/javascript"> function ApplyStyle(s){ document.getElementById("mytab").className=s.innerText; } </script> </head> <body> <div class="title"> <h1>大家好，CSS与表格的结合示例</h1> <table><tr><td> 点击链接切换样式：<a href="javascript:;" onclick="ApplyStyle(this)">t1</a> <a href="javascript:;" onclick="ApplyStyle(this)">t2</a> <a href="javascript:;" onclick="ApplyStyle(this)">t3</a> </td></tr></table> </div> <table width="90%" id="mytab" border="1" class="t1"> <thead> <th width="10%">网名</th> <th width="30%">博客</th> <th width="20%">电邮</th> <th width="30%">网络硬盘</th> <th width="10%">QQ</th> </thead> <tr class="a1"> <td>wallimn</td> <td>http://blog.csdn.net/wallimn</td> <td>wallimn@tom.com</td> <td>http://wallimn.ys168.com</td> <td>54871876</td> </tr> <tr> <td>长三江</td> <td>村在</td> <td>北京天安门</td> <td>东四十条</td> <td>21345678</td> </tr> <tr class="a1"> <td>长三江</td> <td>村在</td> <td>北京天安门</td> <td>东四十条</td> <td>21345678</td> </tr> <tr> <td>长三江</td> <td>村在</td> <td>北京天安门</td> <td>东四十条</td> <td>21345678</td> </tr> <tr class="a1"> <td>wallimn</td> <td>http://blog.csdn.net/wallimn</td> <td>wallimn@tom.com</td> <td>http://wallimn.ys168.com</td> <td>54871876</td> </tr> <tr> <td>长三江</td> <td>村在</td> <td>北京天安门</td> <td>东四十条</td> <td>21345678</td> </tr> <tr class="a1"> <td>长三江</td> <td>村在</td> <td>北京天安门</td> <td>东四十条</td> <td>21345678</td> </tr> <tr> <td>长三江</td> <td>村在</td> <td>北京天安门</td> <td>东四十条</td> <td>21345678</td> </tr> </table> </body> </html>

评论收藏

内容反馈