我们在css 表格样式设置的时候,怎么来设置表格的高度和宽度呢?这一节我们就来学习一表格高度height 宽度width 。
实例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
table,th,td{border:1px solid black;}
th,td{width:100px;height:30px;text-align:center;padding:5px;}
</style>
</head>
<body>
<h1>表格的宽度和高度设置实例</h1>
<table>
<tr>
<th>属性</th>
<th>值</th>
</tr>
<tr>
<td>高度height</td>
<td>30px</td>
</tr>
<tr>
<td>宽度width</td>
<td>100px</td>
</tr>
</table>
</body>
</html>
运行效果:
在这个实例中我们设置了表格的高度为30px,宽度为50px。
评论