蓝底表格样式

最新推荐文章于 2024-04-19 20:39:07 发布

SESSIONME

最新推荐文章于 2024-04-19 20:39:07 发布

阅读量728

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/zhangxiasheng/article/details/41209513

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.blue-table {
border-collapse: collapse;
}
.blue-table th,
.blue-table td {
padding: 0 5px;
height: 30px;
font-size: 12px;
color: #000;
font-weight: normal;
border: 1px solid #9cd0e6;
}
.blue-table th {
background-color: #cfedf9;
text-align: right;
white-space: nowrap;
}
.blue-table td {
background-color: #e4f4fa;
text-align: left;
word-break: break-all;
}
</style>
</head>
<body>
<table class="blue-table" style="width: 266px;" cellpadding="0" cellspacing="0">
<tr>
<th>楼栋名称：</th>
<td>丹凤花园二区20栋508室</td>
</tr>
<tr>
<th>是否有物业管理：</th>
<td>无</td>
</tr>
</table>
</body>
</html>