水平导航条怎么写啊？？

我想问下，水平优艾设计网_设计客导航条怎么写啊，在线等。。。

---

_WeCh****452359 2021-06-16 02:26

DEMOS

zero dollars

wrapping text

styled form

active focus

HOVER/CLICK

styled form

active focus

hover/click

shadow boxing

image map

MENUS

spies menu

vertical menu

enlarging list

link images

non-rectangular

jigsaw links

circular links

LAYOUTS

Fixed 1

Fixed 2

Fixed 3

Fixed 4

minimum width

BOXES

spies menu

vertical menu

enlarging list

link images

non-rectangular

jigsaw links

circular links

MOZILLA

drop down menu

cascading menu

content:

mozzie box

rainbow box

snooker cue

target practise

EXPLORER

example one

weft fonts

vertical align

OPACITY

opaque colours

opaque menu

partial opacity

partial opacity II

HOVER/CLICK

styled form

active focus

hover/click

---

李豹 2021-06-16 02:30

优艾设计网_平面设计

    首页
        新闻
        联系
        关于
    

正好有个案例，您可以借着参考一下，如果有不懂可以随时追问哦！

希望可以帮到您 OvO

---

黄巍 2021-06-16 02:43

/* ul li以横排显示 */

/* 所有class为menu的div中的ul样式 */

div.menu ul

{

list-style:none; /* 去掉ul前面的符号 */

margin: 0px; /* 与外界元素的距离为0 */

padding: 0px; /* 与内部元素的距离为0 */

width: auto; /* 宽度根据元素内容调整 */

}

/* 所有class为menu的div中的ul中的li样式 */

div.menu ul li

{

float:left; /* 向左漂移，将竖排变为横排 */

}

/* 所有class为menu的div中的ul中的a样式(包括尚未点击的和点击过的样式) */

div.menu ul li a, div.menu ul li a:visited

{

background-color: #465c71; /* 背景色 */

border: 1px #4e667d solid; /* 边框 */

color: #dde4ec; /* 文字颜色 */

display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */

line-height: 1.35em; /* 行高 */

padding: 4px 20px; /* 内部填充的距离 */

text-decoration: none; /* 不显示超链接下优艾设计网_在线设计划线 */

white-space: nowrap; /* 对于文本内的空白处，不会换行，文本会在在同一行上继续，直到遇到

标签为止。 */

}

主页

主页

主页

主页

---

_WeCh****94991 2021-06-16 02:49

如何实现a元素的垂直居中？ 2个办法。 第一个设置a元素的上下内边距一样。你的CSS仅设置了 padding-top:20px;是不行的。 第二个是设置a元素的行优艾设计网_PS论坛高，line-height，把行高设置为需要垂直居中对齐的元素的高度，但是垂直居中的内容不能换行。

---