<body>
<div class="all">
<p>栏目标题</p>
<p><a href="#">更多>></a></p>
<div style="clear:both"></div>
</div>
</body>
<style>
a{ display:inline-blockcolor:#000text-decoration:none}
.all{ width:50%margin:0 autobackground:#cccpadding:0 20px}
.all p:first-child{ float:leftfont-size:16pxcolor:#000line-height:1.5}
.all p:nth-child(4n+2){ float:right}
</style>
还有不懂的可以继续问我。
纯手打，望采纳~
实现标题栏鼠标滑过点击过后保持原色，不用像你那样写得这么复杂，按照你说的，只需要写一次样式就够了，写法如下： #dh ul li a { display:blockbackground:#006eadwidth:125pxheight:43px} 现在我无论是在默认状态下、鼠标移上去时、鼠标点击时，或是点击过后，a标签背景颜色都会保持在初始状态，不会改变。 如果需要鼠标移上去时，背景变色，那就加多一条a:hover，写法如下： #dh ul li a:hover{ display:blockbackground:#0193dewidth:125pxheight:43px} 现在就只有鼠标移上去时背景会变色，其他情况颜色都不会变化。 提示：如果需要文字一直保持原色，只需要在第一条#dh ul li a 的代码里加上一条“color:颜色属性”即可。例如：#dh ul li a {background:#006eadcolor:#fff} 试一试吧！News5 li{no-repeat top leftpadding-left:15pxpadding-bottom:-10pxmargin-bottom:0px}调整no-repeat top left这个，应该写成no-repeat left top把其中的top改为数值 调整数值大小到背景为居中位置就可以了 如3px 5px等等
