今天写了一个简易的淘宝界面,是为了运用学过的知识,也是为了以后从事的电商行业做准备~
<title>CSS样式</title>
<style type="text/css">body{
font-size:24px; font-family: "方正兰亭超细黑简体";
}
.a{
padding-right:10px;
text-decoration: none;
}
ul{
margin:0 auto;
padding:12px 0 0 12px;
border:1px soild #00CC66;
list-style:none;
}
ul li{float:left;
margin:0 12px 12px 0;
display:inline;}
ul li a{
display:block;
width:300p
height:400px;
text-decoration:none;
text-align:center;
overflow:hidden;
}
</style>
</head>
<ul>
<li><a href="Untitled-3.html"><img src="000.jpg"width="300" height="300"/><br/><strong>精美羊毛衫</strong><span>¥<em>500</em></span></a></li>
<li><a href="#"><img src="001.jpg"width="300" height="300"/><br/><strong>皎洁白月光</strong><span>¥<em>600</em></span></a></li>
<li><a href="#"><img src="01.jpg"width="300" height="300"/><br/><strong>高档羽绒服</strong><span>¥<em>700</em></span></a></li>
<li><a href="#"><img src="06.jpg"width="300" height="300"/><br/><strong>智能品牌机</strong><span>¥<em>800</em></span></a></li>
<li><a href="#"><img src="011.jpg"width="300" height="300"/><br/><strong>加绒保暖衣</strong><span>¥<em>900</em></span></a></li>
<li><a href="#"><img src="00.jpg"width="300" height="300"/><br/><strong>品牌手机店</strong><span>¥<em>1000</em></span></a></li>
</ul>
<body>
</body>
</html>
效果如图:
x;