如何用div+css做漂亮的横排导航栏
展开全部
看你是直接在div里面做css格式还是额外调用css，建议是后者,这样看着比较简洁。
html引入外部css:
<link rel="stylesheet" href="文件路径/文件名.css">
比如你的html文件里有一个div模块
<div id ="daohang">
<div id = "daohang1" class =“geshi”>导航1</div>
<div id ="daohang2" class =“geshi”>导航2</div>
<div id ="daohang3" class =“geshi”>导航3</div>
</div>
在另外一个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里面不需做什么操作
html引入外部css:
<link rel="stylesheet" href="文件路径/文件名.css">
比如你的html文件里有一个div模块
<div id ="daohang">
<div id = "daohang1" class =“geshi”>导航1</div>
<div id ="daohang2" class =“geshi”>导航2</div>
<div id ="daohang3" class =“geshi”>导航3</div>
</div>
在另外一个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里面不需做什么操作
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
