为了显示一个表的单个边框，使用 border-collapse属性。
table { border-collapse:collapse; }
table,th, td { border: 1px solid black; }
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小磊电子(runoob.com)</title>
<style>
table,td,th
{
border:1px solid black;
}
table
{
width:100%;
}
th
{
height:50px;
}
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Savings</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
<td>$100</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
<td>$150</td>
</tr>
<tr>
<td>Joe</td>
<td>Swanson</td>
<td>$300</td>
</tr>
<tr>
<td>Cleveland</td>
<td>Brown</td>
<td>$250</td>
</tr>
</table>
</body>
</html>
表格中的文本对齐和垂直对齐属性。
text-align属性设置水平对齐方式，向左，右，或中心：
<style>
table,td,th
{
border:1px solid black;
}
td
{
text-align:right;
}
</style>
垂直对齐属性设置垂直对齐，比如顶部，底部或中间：
<style>
table, td, th
{
border:1px solid red;
}
th
{
background-color:green;
color:white;
}
</style>
本文地址：IT百科频道 https://www.hkm168.com/tags/917570_3.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！
相关阅读
