<!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
资源评论
jcy787211820
- 粉丝: 6
- 资源: 2
最新资源
- (3822212)单片机Proteus仿真
- (18904838)学生宿舍管理系统 学生宿舍管理系统
- (174717862)有源滤波电路1-模电Multisim仿真实验
- (175734020)微信小程序商城源码，可基于此程序开发自己的微信小程序
- (175184616)(微信小程序毕业设计)十二神鹿点餐（外卖小程序）(源码+截图).zip
- (179742012)地级市-互联网普及率（2011-2022年）
- (6715020)员工工资管理系统源代码
- NVR-K51-BL-CN-V3.4.112-200617
- (180183624)chromedriver-谷歌131版本浏览器驱动.zip
- 盘式电机 maxwell 电磁仿真模型 双转单定结构，halbach 结构，双定单转 24 槽 20 极，18槽 1 2 极，18s16p（可做其他槽极配合） 参数化模型，内外径，叠厚等所有参数均可调
- (26198606)VUE.js高仿饿了么商城实战项目源码（未打包文件）
- (3913042)编译原理编译原理词法分析实验.rar
- (7964012)编译原理实验报告及源码
- (10675456)编译原理的词法分析语法分析
- (4427850)编译原理 词法分析器
- (3662218)学生宿舍管理系统数据库
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
