急求css代码! 制作一个栏目标题栏，左端是栏目标题，右端是"更多"的链

html-css018

急求css代码! 制作一个栏目标题栏，左端是栏目标题，右端是"更多"的链,第1张

很简单呀，看过来：

<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等等