实例
meleeZhao
学生
3月22日 作业
2018年03月22日浏览量:0
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box{
}
table,td{
border: 1px solid #eee;
}
table{
border-collapse: collapse;
margin: 0 auto;
width: 60%;
min-width: 600px;
margin-bottom: 16px;
box-shadow: 4px 4px 2px 0 #888;
}
td{
padding: 6px;
}
caption{
font-size: x-large;
font-weight: 700;
margin-bottom: 30px;
margin-top: 50px;
}
.key{
background-color: lightskyblue;
font-weight: 600;
text-align: right;
color: #000;
}
.value{
padding-left: 4px;
}
</style>
</head>
<body>
<div>
<table>
<caption>商品信息清单</caption>
<tr>
<td>产品名称：</td>
<td>牛奶</td>
<td>库存数量：</td>
<td>17</td>
<td rowspan="4"><img src="a.png" alt="img"></td>
</tr>
<tr>
<td>产品类别：</td>
<td>饮料</td>
<td>订购数量：</td>
<td>40</td>
</tr>
<tr>
<td>单位数量：</td>
<td>每箱24瓶</td>
<td>再订购数量：</td>
<td>25</td>
</tr>
<tr>
<td>供应商信息：</td>
<td colspan="3">佳佳乐 陈小姐（北京）西直门大街110号</td>
</tr>
</table>
<table>
<tr>
<td>产品名称：</td>
<td>牛奶</td>
<td>库存数量：</td>
<td>17</td>
<td rowspan="4"><img src="a.png" alt="img"></td>
</tr>
<tr>
<td>产品类别：</td>
<td>饮料</td>
<td>订购数量：</td>
<td>40</td>
</tr>
<tr>
<td>单位数量：</td>
<td>每箱24瓶</td>
<td>再订购数量：</td>
<td>25</td>
</tr>
<tr>
<td>供应商信息：</td>
<td colspan="3">佳佳乐 陈小姐（北京）西直门大街110号</td>
</tr>
</table>
<table>
<tr>
<td>产品名称：</td>
<td>牛奶</td>
<td>库存数量：</td>
<td>17</td>
<td rowspan="4"><img src="a.png" alt="img"></td>
</tr>
<tr>
<td>产品类别：</td>
<td>饮料</td>
<td>订购数量：</td>
<td>40</td>
</tr>
<tr>
<td>单位数量：</td>
<td>每箱24瓶</td>
<td>再订购数量：</td>
<td>25</td>
</tr>
<tr>
<td>供应商信息：</td>
<td colspan="3">佳佳乐 陈小姐（北京）西直门大街110号</td>
</tr>
</table>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
