和其他元素设置样式一样啊，只不过选择器换位表格的。表格包括table，tr,th,td。其中TR是没有border属性的，也就是说没有边框样式，其他的就和普通的css样式一样写就对了。
比如：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>知道用效果展示</title>
</head>
<style>
table
{
border: 1px solid darkgray;
}
tr:hover
{
background-color: #1b6d85;
}
td
{
border: 1px solid dimgray;
text-align: center;
}
td:hover
{
background-color: #8c8c8c;
}
</style>
<body>
<table>
<tr><th>表头单元格</th><th>表头单元格</th><th>表头单元格</th></tr>
<tr><td>单元格</td><td>单元格</td><td>单元格</td></tr>
<tr><td>单元格</td><td>单元格</td><td>单元格</td></tr>
<tr><td>单元格</td><td>单元格</td><td>单元格</td></tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）