摘要:<!DOCTYPE html> <html> <head> <title>HTML中的常用标签及属性(表格)</title> <style type="text/css"> *{margin: 0px;padding: 0px;} p{color:
<!DOCTYPE html> <html> <head> <title>HTML中的常用标签及属性(表格)</title> <style type="text/css"> *{margin: 0px;padding: 0px;} p{color: red;} table{border: 1px solid red;border-collapse: collapse;height: 500px;width: 500px;;} tr td{border: 1px solid red;height: 200px;} tr th{border: 1px solid red;} </style> </head> <body> <a href="#">这是a标签</a> <p>我是段落标签</p> <table> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> </tr> <tr> <td colspan="3">合并行</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td rowspan="2">合并列</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
批改老师:天蓬老师批改时间:2019-01-13 09:24:31
老师总结:按编程约定, tr td{border: 1px solid red;height: 200px;}, 这样的设置是有问题的, 对于一个表格来说, 应该只把样式添加到table, th/td上即可, 不要给tr添加