当前位置:首页 > 经验 > 数码摄影 > 电脑

网页导航栏制作:怎么为网页添加导航栏

关注: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盘

    怎么使用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打不出汉字怎么办

    excel打不出汉字怎么办35人喜欢

    当我们使用excel电子表格软件时,会遇到各种各样的问题,比如无法将汉字输入单元格。那么如何排除故障呢?下面的小系列会和大家分享具体的步骤和方法。需要准备的物品excel 2016详细介绍方法/步骤启…

    更新时间:2021-10-27 11:31:01

  • 电脑c盘拒绝写入怎么解决

    电脑c盘拒绝写入怎么解决61人喜欢

    1.首先点击“开始”,然后点击“我的电脑”。2.在“工具”菜单上,单击“文件夹选项”,然后单击“视图”选项卡。3.在“高级设置”下,单击清除“使用简单文件共享(推荐)”复选框,然后单击“确定”。4.右…

    更新时间:2021-12-28 08:45:05

  • 怎么用电脑root

    怎么用电脑root50人喜欢

    电脑根安卓手机怎么用?今天,小编将向你解释。详细介绍方法/步骤打开电脑,找到搜狗浏览器,点击进入主页面,如图。,搜索root master官网,点击进入,如图。,点击图中所示位置下载电脑版本。。安装完成后,打开…

    更新时间:2021-08-21 12:32:02

  • excel中怎么快速去除小数点后面的数据

    excel中怎么快速去除小数点后面的数据96人喜欢

    excel中小数点后的数据如何快速去除?其实很简单。我们一起来看看。详细介绍方法/步骤打开excel文档,右键单击要操作的列,然后单击“设置单元格格式”。在弹出窗口中,点击选择‘号码’。单击确定按钮…

    更新时间:2021-10-28 13:46:08

  • 微信突然打不开一片空白怎么办

    微信突然打不开一片空白怎么办112人喜欢

    如果是电脑突然打开微信,微信文件损坏,卸载微信,删除或粉碎电脑中的“微信文件”文件夹,重新下载电脑版微信并安装。如果不删除文件夹或修复文件,重新安装将不起作用。…

    更新时间:2022-04-27 09:00:03

  • win7系统启动任务管理器的三种方法

    win7系统启动任务管理器的三种方法38人喜欢

    今天,小编想和你分享在win7系统中启动任务管理器的三种方法,希望对你有所帮助。方法一首先,同时按ctrl alt del。然后点击启动任务管理器。当这个操作完成时,我们进入windows任务管理器。方法二首…

    更新时间:2021-07-15 07:31:08

  • cs1.6如何加机器人

    cs1.6如何加机器人79人喜欢

    1.方法1(1)首先打开游戏,点击新建游戏,选择地图,创建游戏,然后点击键盘上的“h”键显示游戏菜单。(2)然后点击“机器人”,选择“添加机器人”,选择增加机器人数量,以及类别和删除机器人。2.方法2(1)进入…

    更新时间:2022-01-15 10:45:05

  • 怎么在excel中自动累加

    怎么在excel中自动累加40人喜欢

    今天小编介绍如何在excel中进行积累,希望对大家有所帮助。详细介绍方法/步骤首先,我们在电脑桌面上找到excel的图标,双击打开。然后,我们在相关页面输入自己的内容,然后点击fx。接下来,我们选择求和函…

    更新时间:2021-10-11 09:01:19