<!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> 1</span>雅詩蘭黛即時修護眼部精華霜15ml</li>
<li> <span> 2</span>伊麗莎白雅頓顯效復合活膚霜 75ml</li>
<li> <span> 3</span>OLAY玉蘭油多效修護霜 50g</li>
<li> <span> 4</span>巨型一號絲瓜水320ML</li>
<li> <span> 5</span>倩碧保濕潔膚水2號 200ml</li>
<li> <span> 6</span>比度克細膚淡印霜 30g</li>
<li> <span> 7</span>蘭芝 (LANEIGE)夜間修護鎖水面膜 80ml</li>
<li> <span> 8</span>SK-II護膚精華露 215ml</li>
<li><span> 9</span>歐萊雅青春密碼活顏精華肌底液</li>
</ul>
</body>
</html>