console
<table class="c" border="1">
<tr>
<td> <a href="http://www.taobao.com">淘宝</a></td>
<td><a href="http://www.jingdong.com">京东</a></td>
<td width="125"><a href="http://www.weipinhui.com">唯品会</a></td>
<td width="125"><a href="http://jumeiyoupin.com">聚美优品</a></td>
</tr>
</table>
<table class="d">
<tr><td><a href="http:www.baidu.com">女装</a></td></tr>
<tr><td><a href="http:www.baidu.com">衬衫</a></td></tr>
<tr><td><a href="http:www.baidu.com">外套</a></td></tr>
<tr><td><a href="http:www.baidu.com">卫衣</a></td></tr>
<tr><td><a href="http:www.baidu.com">连衣裙</a></td></tr>
<tr><td><a href="http:www.baidu.com">半身裙</a></td></tr>
<tr><td><a href="http:www.baidu.com">裤子</a></td></tr>
<tr><td><a href="http:www.baidu.com">彩妆</a></td></tr>
<tr><td><a href="http:www.baidu.com">底妆</a></td></tr>
<tr><td><a href="http:www.baidu.com">唇妆</a></td></tr>
<tr><td><a href="http:www.baidu.com">眼妆</a></td></tr>
<tr><td><a href="http:www.baidu.com">护肤品</a></td></tr>
</table>
<div class="e">
<table width="420" height="300">
<tr height="120">
<td width="105" height="80"><a href="http://www.taobao.com"><div class="dropdown"> <img src="http://img5q.duitang.com/uploads/item/201503/17/20150317000152_5hTnf.jpeg" alt="close" width="100" height="110"><div class="dropdown-content"> <p>尺码</p>
<p>衣长：80 胸围：100 肩宽：50 腰围：95</p></div>
</div></a></td>
<td width="105" height="80"> <a href="http://www.taobao.com"><img src="http://pic31.nipic.com/20130802/4865350_171545250000_2.jpg" alt="close" width="100" height="110"></a></td>
<td width="105" height="80"> <a href="http://www.taobao.com"><img src="http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1405/29/c8/34772460_1401378854069_mthumb.jpg" alt="close" width="100" height="110"></a></td>
<td width="105" height="80"> <a href="http://www.taobao.com"><img src="http://img4.duitang.com/uploads/item/201507/26/20150726114907_Xnv38.jpeg" alt="close" width="100" height="110"></a></td>
</tr>
<tr height="30">
<td width="105"><a href="http:www.baidu.com">短袖体恤<br>45</a></td>
<td width="105"><a href="http:www.baidu.com">短袖体恤<br>35</a></td>
<td width="105"><a href="http:www.baidu.com">古典连衣裙<br>108</a></td>
<td width="105"><a href="http:www.baidu.com">古典连衣裙<br>208</a></td>
</tr>
<tr height="120">
<td width="105" height="80"> <a href="http://www.taobao.com"><img src="http://pic.58pic.com/58pic/12/26/22/03p58PICCTU.jpg" alt="close" width="100" height="110"></a></td>
<td width="105" height="80"> <a href="http://www.taobao.com"><img src="http://pic16.nipic.com/20110822/7475577_210752473141_2.jpg" alt="close" width="100" height="110"></a></td>
<td width="105" height="80"> <a href="http://www.taobao.com"><img src="http://pic.58pic.com/58pic/14/28/59/20458PICByQ_1024.jpg" alt="close" width="100" height="110"></a></td>
<td width="105" height="80"> <a href="http://www.taobao.com"><img src="http://pic1.16pic.com/00/00/78/16pic_78414_b.jpg" alt="close" width="100" height="110"></a></td>
</tr>
<tr height="30">
<td width="105"><a href="http:www.baidu.com">短袖体恤<br>45</a></td>
<td width="105"><a href="http:www.baidu.com">短袖体恤<br>35</a></td>
<td width="105"><a href="http:www.baidu.com">古典连衣裙<br>108</a></td>
<td width="105"><a href="http:www.baidu.com">古典连衣裙<br>208</a></td>
</tr>
</table>
</div>
<footer>
<table border="1" bgcolor="salmon" width="500">
<tr>
<td>
<p>http://www.tzq.com本网站解释权归谭桢琼所有2017-3-21</p>
</td>
</tr>
</table>
</footer>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="100%" color=black SIZE=1>
<table height="20">
<tr><td></td></tr>
</table>
<img src="http://pic16.nipic.com/20110822/7475577_210752473141_2.jpg" alt="close" width="200" height="200">
<button>
<a href="http://www.baidu.com">查看详情</a>
</button>
<button>
<a href="http://www.baidu.com">加入购物车</a>
</button>
<button><a href="http://www.baidu.com">立即购买</a></button>
.c{
width:500px;
height:50px;
text-align:center;
background-color:salmon;
}
a:link {text-decoration:none;
color:#000000;
}
.d{
width:80px;
height:320px;
background-color:pink;
text-align:center;
}
.e{
position:absolute;
left:85px;
top:53px;
text-align:center;
}
td,p{
text-align:center;
color:white;
font-size:14px;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
}
.dropdown:hover .dropdown-content {
display: block;
}
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}