控制列表（li）高度

Tags:css  div  

 图片示例

以下是代码

<style>
.newstitle{
 height:100px;
 background:#0099FF;
}
.newstitle li{
 height:20px;
 background:#ff0000;
 margin-bottom:2px;
 list-style:none;
}
a:link { color:#000; text-decoration:none}
a:visited {color:#000; text-decoration:none}
a:hover { color:#990000; text-decoration:none}
a:active { color:#000; text-decoration:none}

</style>

<div class="newstitle">
 <li>asdadasdasd</li>
    <li>asdadasdasd</li>
    <li>asdadasdasd</li>
    <li>asdadasdasd</li>
    <li>asdadasdasd</li>
    <li>asdadasdasd</li>
</div>

也可以用层控制

<style>
.newstitle{
 height:100px;
 background:#0099FF;
}
.newstitleli{
 height:20px;
 background:#ff0000;
 margin-bottom:2px;
 list-style:none;
}
a:link { color:#000; text-decoration:none}
a:visited {color:#000; text-decoration:none}
a:hover { color:#990000; text-decoration:none}
a:active { color:#000; text-decoration:none}

</style>

<div class="newstitle">
 <div class="newstitleli">asdadasdasd</div>
 <div class="newstitleli">asdadasdasd</div>
 <div class="newstitleli">asdadasdasd</div>
 <div class="newstitleli">asdadasdasd</div>
</div>

最新评论及回复

最近发表

最新评论及回复