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>
运行结果
