将文本定位在 UL 中,与 a 分开:
Positioning text inside a UL separate to the a:
CSS101 的非常简单的问题,CSS101 的非常简单的问题,CSS101 的非常简单的问题,CSS101 的非常简单的问题,
CSS 101 的非常简单的问题,CSS 101 的非常简单的问题,
CSS 101 的非常简单的问题,CSS 101 的非常简单的问题,
<div class="headercss">
<div class="headerlogo">
</div>
<div class="nav">
<ul>
<li><a href="#home">BLINK</a>BLINK</li>
<li><a href="#news">BLINK</a></li>
<li><a href="#contact">BLINK</a></li>
<li><a href="#about">BLINK</a></li>
</ul>
</div>
</div>
/* BODY */
body {
margin: 0px;
}
.headercss {
width: auto;
height: 500px;
position: relative;
}
.headerlogo {
width: 980px;
height: 250px;
position: relative;
left: 50%;
margin-left: -490px;
}
.nav {
width: 980px;
height: 60px;
position: relative;
left: 50%;
margin-left: -490px;
}
nav.ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
nav.ul.li {
float: left;
}
a:link, a:visited {
display: block;
height: 58px;
width: 243px;
}
a:hover, a:active {
}
ul 和 li 不是 类,它们是标签。所以应该使用默认标签作为目标,例如:
ul li {some style}
CSS101 的非常简单的问题,CSS101 的非常简单的问题,CSS101 的非常简单的问题,CSS101 的非常简单的问题, CSS 101 的非常简单的问题,CSS 101 的非常简单的问题, CSS 101 的非常简单的问题,CSS 101 的非常简单的问题,
<div class="headercss">
<div class="headerlogo">
</div>
<div class="nav">
<ul>
<li><a href="#home">BLINK</a>BLINK</li>
<li><a href="#news">BLINK</a></li>
<li><a href="#contact">BLINK</a></li>
<li><a href="#about">BLINK</a></li>
</ul>
</div>
</div>
/* BODY */
body {
margin: 0px;
}
.headercss {
width: auto;
height: 500px;
position: relative;
}
.headerlogo {
width: 980px;
height: 250px;
position: relative;
left: 50%;
margin-left: -490px;
}
.nav {
width: 980px;
height: 60px;
position: relative;
left: 50%;
margin-left: -490px;
}
nav.ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
nav.ul.li {
float: left;
}
a:link, a:visited {
display: block;
height: 58px;
width: 243px;
}
a:hover, a:active {
}
ul 和 li 不是 类,它们是标签。所以应该使用默认标签作为目标,例如:
ul li {some style}