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

Css制作table细线表格

2008-12-26 13:49 543 查看
程序代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>Css制作table细线表格</title>

<style type="text/css" media="screen">

<!-- /* PR-CSS */

table {

border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */

border:solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */

border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */

}

table caption {font-size:14px;font-weight:bolder;}

table th,table td {border:solid #999;border-width:0 1px 1px 0;padding:2px;}

tfoot td {text-align:center;}

-->

</style>

</head>

<body>

<table>

<caption>表格头</caption>

<thead>

<tr><th>名称</th><th>网址</th><th>时间</th></tr>

</thead>

<tbody>

<tfoot>

<tr><td colspan="3">下一页</td></tr>

</tfoot>

<tr><th>百度</th><td>http://www.baidu.com</td><td>2007.01.11</td></tr>

<tr><th>百度</th><td>http://www.baidu.com</td><td>2007.01.11</td></tr>

<tr><th>百度</th><td>http://www.baidu.com</td><td>2007.01.11</td></tr>

</tbody>

</table>

</body>

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