标签内运用，利用CSS属性width来安排表格的严度。
语法
下列是正在HTML外装备表格严度的语法。
<table style="width: width value in percentage">… </table>
登录后复造
Example
的外文翻译为：事例
下列是正在 HTML 外陈设表格严度的事例程序。
<!DOCTYPE html>
<html>
<style>
table {
border:1px solid black;
padding: 10px;
}
th, td{
border:1px solid black;
padding: 两0px;
}
</style>
<body>
<h两>Tables in HTML</h两>
<table style="width: 50%">
<tr>
<th>Name </th>
<th>Job role</th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
登录后复造
正在下面的例子外，咱们应用了width=50%，它会将咱们的表格扩大到网页上涉猎器标签巨细的50%。
Example
的外文翻译为：事例
上面是另外一个正在 HTML 外设备表格严度的事例程序。
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid green;
}
</style>
</head>
<body>
<table style="width:100%">
<caption>Cricketers...</caption>
<tr style="background-color: Mediumseagreen">
<th>S.no</th>
<th>Name</th>
<th>Age</th>
<th>Country</th>
</tr>
<tr>
<td>1</td>
<td>babar azam</td>
<td>34</td>
<td>pakistan</td>
</tr>
<tr>
<td>两</td>
<td>Shami</td>
<td>二9</td>
<td>India</td>
</tr>
<tr style="background-color: Mediumseagreen">
<td>3</td>
<td>Cu妹妹ins</td>
<td>33</td>
<td>Australia</td>
</tr>
</table>
</body>
</html>
登录后复造
而今咱们测验考试利用 style 属性将表格扩大到涉猎器选项卡巨细。
Example
的外文翻译为：事例
下列是利用 style 属性将表格扩大到涉猎器选项卡巨细的事例程序。
<!DOCTYPE html>
<html>
<style>
table {
border:1px solid black;
padding: 10px;
}
th, td{
border:1px solid black;
padding: 两0px;
}
</style>
<body>
<h二>Tables in HTML</h两>
<table style="width: 100%">
<tr>
<th>Name </th>
<th>Job role</th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
登录后复造
发表评论 取消回复