简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 第六课表格CSS样式阴影和背景图片等
Blogger Information
Blog 8
fans 1
comment 0
visits 5928
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
第六课表格CSS样式阴影和背景图片等
家户通
Original
660 people have browsed it
<!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>


Correction status：qualified

Teacher's comments：作业已检查！ 手写代码未提交！请及时提交！
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！