用HTML实现下图所示网页。表格单元边界与单元内容之间的间距设置为3像素。
<html>
<head>
</head>
<body>
<!--********FOUND*********-->
<table border="2" cellpadding="3" bordercolor="blue">
<!--********FOUND*********-->
<caption>购物清单</caption>
<tr>
<!--********FOUND*********-->
<td rowspan="2">名称</td>
<!--********FOUND*********-->
<td colspan="2" align="center"><b>2018-11-11</b></td>
<!--********FOUND*********-->
<td rowspan="2">小计</td>
</tr>
<tr>
<td align="center">重量</td>
<td align="center">单价</td>
</tr>
<!--********FOUND*********-->
<td><li>苹果</li></td>
<td>3公斤</td>
<td>5元/公斤</td>
<td>15元</td>
<tr>
<!--********FOUND*********-->
<td><li>香蕉</li></td>
<td>2公斤</td>
<td>6元/公斤</td>
<td>12元</td>
</tr>
<tr>
<!--********FOUND*********-->
<td colspan="3" align="center" bgcolor="yellow">总价</td>
<!--********FOUND*********-->
<td bgcolor="yellow">27元</td>
</tr>
</table>
<ul>
<!--********FOUND*********-->
<ol>
<li>苹果
</li>
<li>香蕉
</li>
<!--********FOUND*********-->
</ol>
</ul>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
