如何调整CSS导航栏的位置?

html-css031

如何调整CSS导航栏的位置?,第1张

通过写相应css样式来实现

我这里有个样式可以参考下

这样的很多的

可以找个网站看下相应的样式

#nav

{margin:0

0

8px

0

background:noneposition:relative

top:0px

left:310pxpadding:0}

#nav

.content

{padding:0overflow:hiddenbackground:none}

#nav

li

{float:leftpadding:0

10pxfont-size:12pxheight:47pxline-height:60pxposition:relative}

#nav

.on

{background:none

display:block}

#nav

li,#nav

a,

#nav

a:visited,

.nav_text{

color:#000}

#nav

a:hover,

#nav

.on

a,

#nav

.on

a:visited,

#nav

.on

a:hover{

color:#000}

.nav_text{

line-height:25px}

这个你首先要做一个那种的小图片!要你的导航上分别有那个白色的导航,比如你在首页,你想进下一个导航栏目,你可以在点你要进的那个栏目!关键是你点的那个栏目要超连接到你做好的!那个点击白导航的子页上就可以了!还有点一种是如果你想当你的鼠标放在那个栏目上的时候,那个小图片变化都是可以的的,要你进去写一下代码!你用的那个网页设计的软件,里面有那个设计代码!不知道你能不能听懂!不过你叫我写的话!没有整个原代码,但有你那个代码太耗时间了!

导航栏可以使用HTML的ul和li标签来设置,首先在body中创建一个ul标签,然后在其中添加li标签,这些li标签就是导航栏中的链接,使用a标签将链接和文字绑定在一起,并设置href属性指向链接地址。

拓展:除了使用HTML标签设置导航栏,还可以使用CSS来改变导航栏的样式,比如使用background属性设置背景色,使用text-align属性设置文字的对齐方式,使用padding属性设置项目之间的间距,使用border属性设置边框等等。