<!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>用css美化表格</title>
<meta name="keywords" content="HTML,用css美化表格" />
<link href="../css,ku/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a name="top"></a>
<!---------------------------------------------头部------------------------------------------------>
<div id="div1">
<div id="biaozhi"></div>
<div id="div2">
<script type="text/JavaScript">
alimama_pid="mm_11642838_1377195_3191785";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="12";
alimama_width=468;
alimama_height=60;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type=text/javascript>
</script>
</div>
<div id="div3">
<a href="http://www.d1html.com/" onmouseover=
"this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.d1html.com');">
设为首页 </a>
<a href="javascript:window.external.AddFavorite('http://www.d1html.com', 'HTML标记完全教程')">
收藏本站 </a> </div>
</div>
<!-------------------------------------------- 导航部分--------------------------------------------->
<!-- #BeginLibraryItem "/css,ku/xinjianku.lbi" --><div id="div4">
<a href="../index.html" target="_top" id="a1">首页</a>
<a href="../biaojijichu.html" target="_top">标记基础</a>
<a href="../wenziduanluobiaji.html" target="_top">文字段落标记</a>
<a href="../wangyeliebiaobiaoji.html" target="_top">列表标记</a>
<a href="../wangyelianjiebiaoji.html" target="_top">连接标记</a>
<a href="../wangyetupianbiaoji.html" target="_top">图片标记</a>
<a href="../wangyebiaogebiaoji.html" target="_top">表格标记</a>
<a href="../wangyebiaodanbiaoji.html" target="_top">表单标记</a>
<a href="../wangyekuangjiabiaoji.html" target="_top">框架标记</a>
<a href="../wangyemeitibiaoji.html" target="_top">媒体标记</a>
<a href="../huizhongbiaoji.html" target="_top">标记汇总</a>
<a href="../tuijianziyuan/jinyanjiqiao.html">推荐资源</a>
<a href="../mulukuangjia.html">目录</a>
</div><!-- #EndLibraryItem -->
<!--------------------------------------------主要内容 -------------------------------------------->
<div id="div5">
<h3>用css美化表格续二</h3>
<p>
前面我们通过举例讲述了一些用css美化表格边框的方法，您可以尝试不同的组合，从而做出更漂亮的表格!为了方便你学习，这里为你提供了各种效果表格的全部代码，您可以将代码复制到写字板生成一个txt文件，然后将其扩展名改为htm，这样就可以用Ie直接打开了。
</p>
<h4>代码如下</h4>
<ol style="list-style-type:none; margin-left:2em;">
<li><html></li>
<li><head></li>
<li><title>用css美化表格边框</title></li>
<li><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></li>
<li><style></li>
<li>.table1 { border:#000000 dashed;border-width:1 0 0 1 }</li>
<li>.td1 { border:#000000 dashed;border-width:0 1 1 0 }</li>
<li>.table2 { border:#cc0000 solid;border-width:1 0 0 1;background:#ffffff }</li>
<li>.td2 { border:#cc0000 solid;border-width:0 1 1 0 }</li>
<li>.table3 { border:green dotted;border-width:2 0 0 2 }</li>
<li>.td3 { border:green dotted;border-width:0 2 2 0 }</li>
<li>.table4 { border:blue solid;border-width:2 1 1 2 }</li>
<li>.td4 { border:blue solid;border-width:0 1 1 0 }</li>
<li>.table5 { border:teal 4 double }</li>
<li>.td5 { border:teal 1 solid }</li>
<li>.table6 { border:3 outset }</li>
<li>.td6 { border: 1 solid }</li>
<li>.table7 { border:3 inset }</li>
<li>.td7 { border:1 solid }</li>
<li>.table8 { border:#ee0000 3 ridge }</li>
<li>.td8 { border:1 solid }</li>
<li>.table9 { border: 4 skyblue ridge }</li>
<li>.td9 { border:1 navy groove ;background:#ffffff }</li>
<li>.td10 { border:maroon 3 double }</li>
<li>.table11 {border:purple 4 ;border-style:dashed double}</li>
<li>.td11 { border:1 solid }</li>
<li>.out { border-width:1;border-style:solid;border-color:#cccccc #33333
3 #333333 #cccccc }</li>
<li>.in { border-width:1;border-style:solid;border-color:#333333 #cccccc #cccccc #333333;background:#ffcccc }</li>
<li></style></li>
<li></head></li>
<li><body bgcolor="#FFFFFF" text="#000000"></li>
<li><div align="center"> </li>
<li><table width="500" cellspacing="0" cellpadding="0" border="0" class="table1"></li>
<li><tr > </li>
<li><td class=td1>&nbsp;</td></li>
<li><td class="td1">&nbsp;</td></li>
<li><td class="td1">&nbsp;</td></li>
<li></tr></li>
<li><tr> </li>
<li><td class="td1">&nbsp;</td></li>
<li><td class="td1">&nbsp;</td></li>
<li><td class="td1">&nbsp;</td></li>
<li></tr></li>
<li><tr> </li>
<li><td class="td1">&nbsp;</td></li>
<li><td class="td1">&nbsp;</td></li>
<li><td class="td1">&nbsp;</td></li>
<li></tr></li>
<li></table></li>
<li><p>&nbsp;</p></li>
<li><table width="500" cellspacing="0" cellpadding="0"
html标记完全教程 （304个子文件） 
css.css 11KB Thumbs.db 101KB
body.gif 18KB c.gif 4KB biaozhi.gif 4KB a.gif 2KB div7.gif 1KB b.gif 1KB div12.gif 55B TMP3pdp23ha67.htm 11KB
cssmeihuax2.html 43KB mulu.html 27KB index.html 23KB 2008091303.html 14KB cssmeihua.html 13KB cssmeihuax1.html 13KB jishugoucheng.html 12KB 2008090601.html 11KB putongkuangjialianjie.html 10KB wangyebiaogebiaoji.html 9KB 2008091201.html 9KB wenziduanluobiaji.html 9KB 2008091502.html 9KB zhizuoneibulianjie.html 8KB 2008091203.html 8KB tuxiangdepailie.html 8KB 2008 8 23.html 8KB tupiandechaolianjie.html 8KB 2008091102.html 8KB shedingzhuanchangxiaoguo.html 8KB jibengainian.html 7KB 2008091402.html 7KB gouchengyuansu.html 7KB biaojijichu.html 7KB caidanheliebiaobiaoji.html 7KB tuxiangyingshe.html 7KB 2008091101.html 7KB 2008090605.html 7KB fazhanlishi.html 7KB bianxiefangfa.html 7KB jianlishuqianlianjie.html 7KB targetshuxing.html 7KB zhizuobiaoge.html 7KB lianjietongyiyemianzhongdeshuqian.html 7KB jibenjiegou.html 7KB fasongemail.html 6KB youxuliebiaodeleixing.html 6KB guanyulujin.html 6KB 2008091301.html 6KB putonganniu.html 6KB wangyekuangjiabiaoji.html 6KB yingchangyu.html 6KB 2008090602.html 6KB shedinglianjiedemubiaochuangkou.html 6KB biankuangyangshishuxing.html 6KB 2008091302.html 6KB tuxiangyu.html 6KB dingyiliebiaodeqiantao.html 6KB biatizibiaoji.html 6KB charutupian.html 6KB shuruteshufuhao.html 6KB jidiwenzibiaoji.html 6KB chongzhianniu.html 6KB fuxuankuang.html 6KB danxuankuang.html 6KB jidiwangzhibiaoji.html 6KB wuxuliebiaoheyouxuliebiaodeqiantao.html 6KB 2008090603.html 6KB neibubiankuangyangshi.html 6KB biaogeqiantao.html 6KB jinyanjiqiao.html 6KB 2008091304.html 6KB tijiaoanniu.html 6KB zitishuxing.html 6KB methodshuxing.html 6KB biaogedebiaoweibiaoji.html 6KB wuxuliebiaodeleixing.html 6KB beijingyingyue.html 6KB mimayu.html 6KB biaogedebiaoshoubiaoji.html 6KB biaogebiankuang.html 6KB qianrumpg.html 6KB biatiziduiqibiaoji.html 6KB buzhichikuangjiabiaoji.html 6KB wenziyu.html 6KB biaogedebiaotou.html 6KB aviwenjianbofangfangshi.html 6KB gundongfangxiangshuxing.html 6KB tuxiangdetishiwenzi.html 6KB wenzixiushibiaoji.html 6KB dingyiliebiaobiaoji.html 6KB biaogedebiaozhuti.html 6KB gundongtiaoxianshi.html 6KB tuxiangdekuanduhegaodu.html 6KB zuihouyiye.html 6KB 2008091401.html 6KB biaogebiaotideshuipingduiqi.html 6KB gundongfangshishuxing.html 6KB wenjianyu.html 6KB biaogebiaotidechuizhiduiqi.html 6KB共 304 条
- 1
- 2
- 3
- 4
资源评论
