您的位置：首页 > Web前端 > CSS

表格边框样式

2010-11-15 15:55 218 查看
<!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>Div+Css:表格边框效果的制作--捷扬网络059it.com</title>

</head>

<style type="text/css">

html,body,div,span,p,a,img,ul,li,dl,dt,dd,ol,form,label,form{ margin:0; padding:0; border:0; outline:0; font-size:100%;}

body{ font-size:12px; background-color:#FFFFFF; color:#000000; font-family:Tahoma,Verdana; line-height:150%;}

.tab{ background-color:#CCCCCC; margin-top:10px;}

.tab td{ background-color:#FFFFFF;}

.td28 td{ background-color:#EFEFEF; height:24px; padding-left:10px; color:#996600; font-size:13px; font-weight:bold;}

</style>

<body>

<table width="98%" border="0" cellspacing="1" cellpadding="4" align="center" class="tab">

<tr class="td28">

<td colspan="2">用Css定义的表格边框效果(漳州博才网网站地图)</td>

</tr>

<tr>

<td align="right">会员服务:</td>

<td> <a href="http://www.0596bc.com/Register.asp?Member_type=1">个人会员注册</a> <a href="http://www.0596bc.com/Register.asp?Member_type=2">企业会员注册</a> <a href="http://www.0596bc.com/Help/">帮助系统</a> <a href="http://www.0596bc.com/Guestbook/">客服中心</a></td>

</tr>

<tr>

<td align="right">个人求职:</td>

<td> <a href="http://www.0596bc.com/Person/">个人求职</a> <a href="http://www.0596bc.com/Workers/">普工专区</a> <a href="http://www.0596bc.com/more/NewHire.asp">最新职位</a> <a href="http://www.0596bc.com/member/index.asp">求职管理中心</a> <a href="http://www.0596bc.com/search/hire_searchresult.asp">职位搜索</a> <a href="http://www.0596bc.com/search/hire_searchresult.asp">职位高级搜索</a></td>

</tr>

<tr>

<td align="right">博才资讯:</td>

<td> <a href="http://www.0596bc.com/Company/">企业招聘</a> <a href="http://www.0596bc.com/more/newresume.asp">最新人才</a> <a href="http://www.0596bc.com/BestHr/">高级人才</a> <a href="http://www.0596bc.com/member/index.asp">招聘管理中心</a> <a href="http://www.0596bc.com/search/resume_searchresult.asp">人才搜索</a> <a href="http://www.0596bc.com/search/resume_searchresult.asp">高级人才搜索</a></td>

</tr>

<tr>

<td align="right">博才资讯:</td>

<td> <a href="http://www.0596bc.com/Article/">博才资讯</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=1">创业之路</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=2">职场指导</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=3">政策法规</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=6">面试技巧</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=7">人事动态</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=8">薪酬福利</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=9">招聘秘籍</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=22">职场故事</a></td>

</tr>

</table>

<br />

<br />

<table width="98%" border="0" align="center" cellpadding="4" cellspacing="1" bgcolor="#CCCCCC">

<tr class="td28">

<td colspan="2" bgcolor="#EFEFEF">用表格的背景色和单元格的背景色定义的表格边框效果不利于维护（漳州博才网网站地图）</td>

</tr>

<tr>

<td width="11%" align="right" bgcolor="#FFFFFF">会员服务:</td>

<td width="89%" bgcolor="#FFFFFF"> <a href="http://www.0596bc.com/Register.asp?Member_type=1">个人会员注册</a> <a href="http://www.0596bc.com/Register.asp?Member_type=2">企业会员注册</a> <a href="http://www.0596bc.com/Help/">帮助系统</a> <a href="http://www.0596bc.com/Guestbook/">客服中心</a></td>

</tr>

<tr>

<td align="right" bgcolor="#FFFFFF">个人求职:</td>

<td bgcolor="#FFFFFF"> <a href="http://www.0596bc.com/Person/">个人求职</a> <a href="http://www.0596bc.com/Workers/">普工专区</a> <a href="http://www.0596bc.com/more/NewHire.asp">最新职位</a> <a href="http://www.0596bc.com/member/index.asp">求职管理中心</a> <a href="http://www.0596bc.com/search/hire_searchresult.asp">职位搜索</a> <a href="http://www.0596bc.com/search/hire_searchresult.asp">职位高级搜索</a></td>

</tr>

<tr>

<td align="right" bgcolor="#FFFFFF">博才资讯:</td>

<td bgcolor="#FFFFFF"> <a href="http://www.0596bc.com/Company/">企业招聘</a> <a href="http://www.0596bc.com/more/newresume.asp">最新人才</a> <a href="http://www.0596bc.com/BestHr/">高级人才</a> <a href="http://www.0596bc.com/member/index.asp">招聘管理中心</a> <a href="http://www.0596bc.com/search/resume_searchresult.asp">人才搜索</a> <a href="http://www.0596bc.com/search/resume_searchresult.asp">高级人才搜索</a></td>

</tr>

<tr>

<td align="right" bgcolor="#FFFFFF">博才资讯:</td>

<td bgcolor="#FFFFFF"> <a href="http://www.0596bc.com/Article/">博才资讯</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=1">创业之路</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=2">职场指导</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=3">政策法规</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=6">面试技巧</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=7">人事动态</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=8">薪酬福利</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=9">招聘秘籍</a> <a href="http://www.0596bc.com/Article/List.asp?typeid=22">职场故事</a></td>

</tr>

</table>

<br />

<br />

<table width="98%" border="1" align="center" cellpadding="4" cellspacing="0" bordercolorlight="#cccccc" bordercolordark="#FFFFFF">

<tr class="td28">

<td colspan="2" bgcolor="#EFEFEF">3D效果的表格边框（漳州博才网)</td>

</tr>

<tr>

<td width="106" align="center" bgcolor="#FFFFFF"> 漳州博才网</td>

<td width="878" bgcolor="#FFFFFF"> <a href="http://www.0596bc.com" target="_blank">漳州博才网</a></td>

</tr>

</table>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航