如何用div+css做漂亮的横排导航栏

2025-04-03 16:06:28
推荐回答(1个)
回答(1):

看你是直接在div里面做css格式还是额外调用css,建议是后者,这样看着比较简洁。
html引入外部css:


比如你的html文件里有一个div模块


导航1

导航2

导航3


在另外一个css文件里布置格式
#daohang{
height: 30px;
background-color: white;
border: solid 1px yellow;
margin: 2px 0;
line-height: 30px;
.........
}
依次类推设置3个子div的格式。class用于设置3个子div的共同格式;
比如设置共同字体:
.geshi{
font-family: 微软雅黑;
}

需要什么样的排版格式百度下怎么设置就行了 上面这个主要是框架,具体的格式就在css文件里面设置,什么颜色\背景\字体\位置等等都在css里设置就行,html的div里面不需做什么操作