最近做国际网站怎么样/app拉新怎么做
表格元素
在css出现之前,网页通常使用表格布局
后台管理系统中,可能会使用表格
前台: 面向用户
后台: 面向管理员 对界面要求不高 对功能性要求高
表格不再适用于网页布局 ? 表格的渲染速度过慢
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>table{width: 100%;border-collapse: collapse;}table caption{font-size: 2em;font-weight: bold;margin: 1em 0;}th,td{border: 1px solid #ccc;text-align: center;padding: 20px 0;}thead tr{background-color: #008c8c;color: white;}tbody tr:nth-child(odd){background-color: rgb(212, 205, 205);}tbody tr:hover{background-color: rgb(134, 119, 119);}tbody td:first-child{color: chocolate;}tfoot td{text-align: right;padding-right: 20px;}</style>
</head>
<body><table><caption>标题呀</caption><thead><!-- table row --><tr><th>列1</th><th>列2</th><th>列3</th><th>列4</th><th>列5</th></tr></thead><tbody><tr><td rowspan="2">数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr><tr><td>数据1</td><td>数据2</td><td>数据3</td><td>数据4</td><td>数据5</td></tr></tbody><tfoot><tr><!-- 跨越x列 --><td colspan="5">合计:xxx</td></tr></tfoot></table>
</body>
</html>