怎么用html 或CSS寫出下列的表單樣子
慕UI1458911
2017-06-20 20:10:59
24 回答
hahhhha
TA貢獻50條經(jīng)驗 獲得超32個贊
表格布局，合并行和并列。
<html>
?<head>?
??<meta?charset="utf-8"?/>?
??<title></title>?
??<style>
table{
?border-collapse:collapse;
}
table?td{?
?? border:1px?solid?#ddd;?
?? width:80px;?
?? height:30px;?
?? text-align:center;
????vertical-align:?middle;
}
.one{?
?vertical-align:?top;
}
.two{
?vertical-align:?top;
}
</style>?
?</head>?
?<body>?
??<table>?
???<tbody>
????<tr>?
?????<td?rowspan="3"?class="one">1</td>?
?????<td?rowspan="3"?class="two">2</td>?
?????<td>A</td>?
?????<td>28</td>?
?????<td>12%</td>?
????</tr>?
????<tr>?
?????<td>B</td>?
?????<td>56</td>?
?????<td>98%</td>?
????</tr>?
????<tr>?
?????<td>A</td>?
?????<td>33</td>?
?????<td>42%</td>?
????</tr>?
???</tbody>
??</table>??
?</body>
</html>
添加回答
舉報
0/150
提交
取消