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

html table属性测试，练习+详解（亲测）

2016-09-22 15:14 507 查看
 
给整个table设置边框：用border-left；border-right；border-top；border-bottom；分别设置table的边框，简写为border： X px；

表格没有外边框，每个tr（每一行）只有下边框的table设置：：

<html>

<head>

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

<title>test</title>

<style>

.tab

{

}

.tab td

{

height:30px;

border-bottom:5px solid #6AB2E7;

}

table.tab td.head

{

border-top:2px solid #6AB2E7;

}

</style>

</head>

<body>

<table border="0" class="tab" cellpadding="0" cellspacing="0" width="300">

<tr><td class="head" align="right" width="100">项目一：</td><td class="head">bb</td></tr>

<tr><td align="right">项目二：</td><td>dd</td></tr>

<tr><td align="right">项目三：</td><td>dd</td></tr>

</table>

</body>

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