練習4:聚美優品美容產品熱點


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
background: indianred;
color: white;
margin: 0px;
padding: 8px 10px;
}
ul li{
border: dotted 3px;
border-top-color: white;
border-left-color: white;
border-right-color: white;
border-bottom-color: gray;
color: gray;
list-style:none;
text-indent: -2em;
}
span{
display: inline-block;
width: 25px;
height: 25px;
border-radius:50% ;
background: black;
color: white;
text-align: center;
margin-right: 5px;
margin-top: 3px;

}
</style>
</head>
<body leftmargin="0">
<div>大家都喜歡買的美容品</div>
<ul>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</span>雅詩蘭黛即時修護眼部精華霜15ml</li>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2</span>伊麗莎白雅頓顯效復合活膚霜 75ml</li>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3</span>OLAY玉蘭油多效修護霜 50g</li>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4</span>巨型一號絲瓜水320ML</li>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5</span>倩碧保濕潔膚水2號 200ml</li>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6</span>比度克細膚淡印霜 30g</li>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7</span>蘭芝 (LANEIGE)夜間修護鎖水面膜 80ml</li>
<li> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8</span>SK-II護膚精華露 215ml</li>
<li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9</span>歐萊雅青春密碼活顏精華肌底液</li>
</ul>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM