CSS练习
- 工具
- 代码
- 运行结果
工具
HBuilder X
代码
<!DOCTYPE html>
<!--
做一个表格，6行4列
实现隔行换色（背景色）
并且第3列文字红色
第一个单元格文字大小30px。
最后一个单元格文字加粗
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
table{
background-color: beige;
}
tr:nth-child(even){
background-color: powderblue;
}
tr td:nth-child(3){
color: red;
}
tr:first-child td:first-child{
font-size: 30px;
}
tr:last-child td:last-child{
font-weight: bold;
}
</style>
</head>
<body>
<table border="2" cellspacing='0'>
<tr> <!--第一行-->
<td>sds</td>
<td>s</td>
<td>dd</td>
<td>sds</td>
</tr>
<tr> <!--第二行-->
<td>cd</td>
<td>sc</td>
<td>adc</td>
<td>sa</td>
</tr>
<tr> <!--第三行-->
<td>dcd</td>
<td>sdas</td>
<td>sdds</td>
<td>d</td>
</tr>
<tr> <!--第四行-->
<td>dsd</td>
<td>asdsa</td>
<td>ddsv</td>
<td>sd</td>
</tr>
<tr> <!--第五行-->
<td>ssa</td>
<td>sd</td>
<td>sad</td>
<td>vds</td>
</tr>
<tr> <!--第六行-->
<td>sad</td>
<td>ssa</td>
<td>d</td>
<td>sdsa</td>
</tr>
</table>
</body>
</html>
运行结果
