<ul?id="test">??
????????<li>Test</li>??
????????<li>Test</li>??
????????<li>Test</li>??
????????<li>Test</li>??
????????<li>Test</li>??
????</ul>
body,ul,li{margin:0;padding:0;}??
???ul,li{list-style:none;}??
???#test{??
???????margin:20px;??
???????width:390px;??
???????background:#F4F8FC;??
???????border-radius:3px;??
???????border:6px?solid?red;??
???}??
/*每一個li的高度是35px*/??
???#test?li{??
???????height:25px;??
???????line-height:25px;??
???????padding:5px;??
???????border-bottom:3px?dotted?black;??
margin-bottom:-3px;??
???}

2016-10-17
#test{ ?
? ? ? ?margin:20px; ?
? ? ? ?width:390px; ?
? ? ? ?background:#F4F8FC; ?
? ? ? ?border-radius:30px; ?
? ? ? ?border:6px solid red; overflow:hidden;?
? ?}?
加個overflow:hidden; 樣式就可解決問題,使最后一個li的下邊框隱藏