Question

求DIV+CSS实现这个效果

Answer 1

<div style="width:250px; height:150px; background:#403738; padding-left:20px; color:#fff;">
<div style=" width:200px; margin-top:30px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom: dotted 2px #fff;">医药保健</div>
<div style=" width:300px; float:left; ">
保健 | 滋补 | 蛋白粉 | 阿胶
<br />
药品 | 血压仪 | 计生 | 体检
<br />
</div>
</div>

追问

用ul li标签可以吗

追答

可以
设置
li float:left list-style:none;

追问

那个------怎么设置啊 还有上下

追答

无标题页

ul,li{ margin:0; padding:0;}
li{ list-style:none; float:left;}
a, a:link, a:visited, a:active {color:#fff;text-decoration:none; margin:0 3px; }
a:hover{color:blue;text-decoration:none;}

医药保健

保健|
滋补|
蛋白粉|
阿胶
药品 |
血压仪 |
计生 |
体检