网页导航栏制作:怎么为网页添加导航栏
关注:31 发布时间:2021-08-14 21:32:02
详细介绍方法/步骤
制作导航栏容器
制作一个带有导航条的容器,容器名称为nav,容器宽度为1000px,容器高度为30px,背景明亮
颜色为灰色,相关代码如下:
#nav
{
宽度width:1000px
height:30px
背景# ccc
margin:0 auto
margin-top :50 px;
}
div id="nav"/div
显示结果
浏览器中显示的结果如下图所示:
在容器中放一些导航条
导航条代码如下:
保险商实验所
li模块1 /li
li模块2 /li
李模块三/李
李模块四/李
li模块5 /li
li模块vi /li
/ul
为导航栏添加一些属性
style type="text/css "
#nav
{
宽度width:1000px
height:30px
背景# ccc
margin:0 auto
margin-top :50 px;
}
#nav ul
{
宽度width:960px
height:35px
}
#nav ul li
{
float:left
宽度width:100px
float:left
list-style : none;
背景:黄色;
线高:35 px;
}
/style
浏览器页面导航栏的显示结果如下图所示:
猜你喜欢
-
怎么使用usboot工具格式化u盘45人喜欢
usboot tool是制作usb启动盘的简单小工具,很受很多电脑爱好者的欢迎。今天,小编教你如何使用u盘软件制作u盘。需要准备的物品usboot工具,u盘。详细介绍方法/步骤搜索、下载并安装“usboot u盘维护…
更新时间:2021-09-22 16:31:01
-
怎么制作论文技术路线图32人喜欢
很多人不知道论文的技术路线图怎么做,大家一起看看吧!需要准备的物品消息详细介绍方法/步骤阐明论文研究的具体内容。在制作技术图纸之前,首先要仔细阅读论文的写作内容,明确论文研究的逻辑顺序非常…
更新时间:2021-07-09 14:01:10
-
怎么把图片变成一个心形86人喜欢
以下是如何把一张图片变成一颗心。希望这个指南能对大家有所帮助。详细介绍方法/步骤以下用ps软件操作,把图片素材拖进ps。在工具栏中调出钢笔工具,模式变为:路径然后,将鼠标悬停在图片上,绘制一条心…
更新时间:2021-08-20 09:17:01
-
电脑视频怎么旋转角度62人喜欢
1.打开播放器,点击鼠标右键,找到视频-图像旋转-根据图像高宽比选择旋转。这种方法只方便临时观看,不能永久保存视频图像。2.如果要保存旋转方向的视频,可以使用格式工厂的软件进行旋转。打开格式工厂…
更新时间:2022-05-01 14:45:01
-
excel打不出汉字怎么办35人喜欢
当我们使用excel电子表格软件时,会遇到各种各样的问题,比如无法将汉字输入单元格。那么如何排除故障呢?下面的小系列会和大家分享具体的步骤和方法。需要准备的物品excel 2016详细介绍方法/步骤启…
更新时间:2021-10-27 11:31:01
-
电脑c盘拒绝写入怎么解决61人喜欢
1.首先点击“开始”,然后点击“我的电脑”。2.在“工具”菜单上,单击“文件夹选项”,然后单击“视图”选项卡。3.在“高级设置”下,单击清除“使用简单文件共享(推荐)”复选框,然后单击“确定”。4.右…
更新时间:2021-12-28 08:45:05
-
怎么用电脑root50人喜欢
电脑根安卓手机怎么用?今天,小编将向你解释。详细介绍方法/步骤打开电脑,找到搜狗浏览器,点击进入主页面,如图。,搜索root master官网,点击进入,如图。,点击图中所示位置下载电脑版本。。安装完成后,打开…
更新时间:2021-08-21 12:32:02
-
excel中怎么快速去除小数点后面的数据96人喜欢
excel中小数点后的数据如何快速去除?其实很简单。我们一起来看看。详细介绍方法/步骤打开excel文档,右键单击要操作的列,然后单击“设置单元格格式”。在弹出窗口中,点击选择‘号码’。单击确定按钮…
更新时间:2021-10-28 13:46:08
-
微信突然打不开一片空白怎么办112人喜欢
如果是电脑突然打开微信,微信文件损坏,卸载微信,删除或粉碎电脑中的“微信文件”文件夹,重新下载电脑版微信并安装。如果不删除文件夹或修复文件,重新安装将不起作用。…
更新时间:2022-04-27 09:00:03
-
win7系统启动任务管理器的三种方法38人喜欢
今天,小编想和你分享在win7系统中启动任务管理器的三种方法,希望对你有所帮助。方法一首先,同时按ctrl alt del。然后点击启动任务管理器。当这个操作完成时,我们进入windows任务管理器。方法二首…
更新时间:2021-07-15 07:31:08
-
cs1.6如何加机器人79人喜欢
1.方法1(1)首先打开游戏,点击新建游戏,选择地图,创建游戏,然后点击键盘上的“h”键显示游戏菜单。(2)然后点击“机器人”,选择“添加机器人”,选择增加机器人数量,以及类别和删除机器人。2.方法2(1)进入…
更新时间:2022-01-15 10:45:05
-
怎么在excel中自动累加40人喜欢
今天小编介绍如何在excel中进行积累,希望对大家有所帮助。详细介绍方法/步骤首先,我们在电脑桌面上找到excel的图标,双击打开。然后,我们在相关页面输入自己的内容,然后点击fx。接下来,我们选择求和函…
更新时间:2021-10-11 09:01:19
电脑热门经验
- 电脑用腾讯会议时屏幕能不能旋10365人
- ipad怎么用vpn8842人
- 电脑息屏快捷键是什么?6599人
- 电脑视频传到手机为什么不清晰6089人
- 电脑微信里的文件打不开了是怎4752人
- 电脑摄像头不清晰怎么办3670人
- 电脑上的摄像头打开怎么没有图3445人
- 怎样查看电脑isp的用户名和密3160人
- 电脑的应用商店打不开了怎么办2955人
- 电脑上滚动截屏的方法2897人