![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：作业已检查！
手写代码未提交！请及时提交！
Collection
Collection
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>入库明细</title>
<style type="text/css">
table,td,th{
border-collapse: collapse; /*所有表格折叠*/
border: 1px solid #333; /*实线和颜色和粗细*/
text-align: center; /*所有字体居中*/
}
table{ /*表格居中*/
width: 66%;
margin: auto;
background-image: url(./images/bj.jpg);
background-size: cover; /*背景平铺充满*/
background-repeat: no-repeat;
}
caption{
margin-bottom: 30px;
font-weight: bolder;
font-size: 2em;
}
img{
width: 50px;
box-shadow: 5px 5px 5px #888;
}
th{
background-color: rgba(10,10,10,0.4);
}
.jieshao{
color: darkgreen;
font-weight:bolder;
}
.mc{
color:purple;
}
</style>
</head>
<body>
<table>
<caption>入库明细</caption>
<tr>
<th>序号</th>
<th>商品名称</th>
<th>入库单号</th>
<th>商品图片</th>
<th>商品描述</th>
<th>进货单价（元）</th>
<th>库存量</th>
</tr>
<tr>
<td>1</td>
<td>阿维菌素</td>
<td>201815506</td>
<td><img src="./images/66.jpg" alt=""></td>
<td>用于花椒</td>
<td>10</td>
<td>15</td>
</tr>
<tr>
<td>2</td>
<td>聚氨酯药</td>
<td>20180002</td>
<td><img src="./images/11.jpg" alt=""></td>
<td>用于柑橘</td>
<td>12</td>
<td>18</td>
</tr>
<tr>
<td>3</td>
<td>中单808</td>
<td>20180003</td>
<td><img src="./images/22.jpg" alt=""></td>
<td>用于油菜</td>
<td>14</td>
<td>20</td>
</tr>
<tr>
<td>4</td>
<td>Y两优1146</td>
<td>2018004</td>
<td><img src="./images/33.jpg" alt=""></td>
<td>用于琵琶</td>
<td>16</td>
<td>20</td>
</tr>
<tr>
<td>5</td>
<td>隆两优1206</td>
<td>20180005</td>
<td><img src="./images/44.jpg" alt=""></td>
<td>用于施肥</td>
<td>18</td>
<td>30</td>
</tr>
</table>
</body>
</html>