css div做处在页面右方的导航栏

html-css010

css div做处在页面右方的导航栏,第1张

加个float:right

#navigation ul{

margin: 0 0 0 30px

padding: 0px

font-size: 13px

color: #FFF

line-height: 30px

white-space: nowrap

float:right

}

你知道li图片,就是list-style-image:XX.jpg。XX.jpg就是那个你说的那条线了,

还有一种方法,就是计算好导航的文字,把你那条线也一起做成背景图片,这样就不用管那么多了

假如你不是太懂,就百度一下“list-style-image”

我想这样你就明白了

假如还有什么不懂,就HI我,也可以继续追问。

<style>

a:hover{font-weight:bold}

</style>

把上面的css样式代码加到源代码里看看