<!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>
博客列表 >第六课表格CSS样式阴影和背景图片等
第六课表格CSS样式阴影和背景图片等
- 家户通原创转载
- 2018年03月23日 12:41:16671浏览
上一条：第三次作业下一条：3月22日作业:用CSS制作一张信息表
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议
