很急,css链接状态问题?

来源：百度知道 编辑：UC知道 时间：2024/06/05 01:20:35
很急,css链接状态问题?
<style type="text/css">
.top{
background-color:#383838;
width:880px;
height:30px;
float:center;
text-align:center;
}
}
.top UL {
OVERFLOW: hidden;
HEIGHT: 30px;
font-size:14px;
float:left;
text-align:center;
margin-left:0px;
}
.top UL LI {
FLOAT:left; MARGIN-LEFT: -2px; text-align:center;
}

.top ul li A {
PADDING-RIGHT: 17px; PADDING-LEFT:17px; COLOR: #ffffff; LINE-HEIGHT: 30px; HEIGHT: 30px;
TEXT-DECORATION: none;
font-size:14px;
}
.top ul li A:hover{
COLOR: #ff0;
background-color:#686868;
}
</style>

<div style="text-align:center">
<div class=top>
<ul>
<li><a href="index.asp">网站首页</a></li>
<li><a href="index.asp">财经新闻</a></li>
<li><a href="index.a

由于你用的是padding推的,可以使它的两边有出来的那种效果,用margin肯定就没有那种效果了,它的背景紧贴着文字的宽度,因为padding是内填充,你的总宽度880已经不够了,就把最后一栏挤的出不来了,你多加20个像素就可以了.
已经改好的样式,复制过去就好了
.top{
background-color:#383838;
width:900px;
height:30px;
float:center;
text-align:center;
}
}
.top UL {
OVERFLOW: hidden;
HEIGHT: 30px;
font-size:14px;
float:left;
text-align:center;
margin-left:0px;
}
.top UL LI {
FLOAT:left; MARGIN-LEFT: -2px; text-align:center;
}

.top ul li A {
PADDING-RIGHT: 17px; PADDING-LEFT:17px; COLOR: #ffffff; LINE-HEIGHT: 30px; HEIGHT: 30px;
TEXT-DECORATION: none;
font-size:14px;
}
.top ul li A:hover{
COLOR: #ff0;
background-color:#686868;
}

你写的代码都是什么呀？
你应该从头学习 一下css，当然还有最基本的xhtml

干嘛想不开要用padding-right呢..换成margin-right试试看

错误很多。
照你现在这么做也仅仅是IE可以看，FF上一塌糊涂，FF现在已经市场占有20%，每5个人就有1个是用FF,而且在继续扩大,不应该忽视你的作品在FF上的表现。

IE5的盒模型错误你也没