<!doctype html>
<html>
<head>
<title>我的网页一<title>
<meta charset="utf-8">
<style>
#d1{
width:200px;
min-heught:50px;
border:1px solid #FDFFFA;
}
#d2 a{
border:1px solid #ccc;
padding:5px 10px;
border-radius:5px;
text-decoration:none;
}
#d2{
text-align:right;
width:1200px;
}
#d2 a.c1{
border:0
color:#FF6D00;
}
#d1.d3{
border-bottom:1px solid #D2E3C1;
}
#d1.d3.d4{
width:75px;
height: 13px;
background:url("iconlist_1.png")
-109px -238px;
}
#d2 a:hover{
background-color:#005BA1;
color:color:#fff;
}
#d2 a.c1:hover{
background-color:#fdedd2;
padding:5px;
font-weight:normal;
color:color:#322E22;
}
#d1 p input{
background-image:linear-gradient(to bottom,#f9f9f9,#ccc);
padding:10px 15px;
margin:5px;
border:1px solid #ccc
}
# d1 p{
text-align:right;
}
#d1 table td{
padding:5px;
front-size:12px;
color:#999999;
}
#d1 span{
color:#616360;
}
<style>
</head>
<body>
< div id="d1">
<div class="d3" >
<p class="d4"><p>
</div >
< table width="1200">
< tr>
< td>
标 签:
<b>比洗衣粉好<b>
<b>去污能力强<b>
</td>
</tr>
< tr>
<td>购买日期:<span>2014-12-01</span>
</td>
</tr>
< /table>
<p>
<input type="button" value="有用(3)">
<input type="button" value="回复(3)>"
</p>
</div>
<p id="d2">
<a class="c1">1<a>
<a href="#">2<a>
<a href="#">3<a>
<a href="#">4 <a>
</p>
</body>
</html>