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

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

关注:14 发布时间: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

浏览器页面导航栏的显示结果如下图所示:

猜你喜欢

  • 机箱power线怎么接

    机箱power线怎么接98人喜欢

    需要准备的物品主板详细介绍方法/步骤电源开关代表电源开关;复位开关代表计算机重启按钮这两个插座是中性的,所以只要你找到正确的引脚,触点就会完成打开或重启的动作。 h.d.d led代表硬盘灯;电源指…

    更新时间:2021-08-28 20:32:07

  • ps对齐工具在哪里

    ps对齐工具在哪里5人喜欢

    ps校准工具在哪里?如何使用ps对齐工具?我们一起来看看。详细介绍方法/步骤要使用对齐工具,我们需要首先单击选择工具。,您可以在工具栏顶部看到对齐工具。要使用这些对齐工具,我们需要先选择对象,按ctr…

    更新时间:2021-07-23 18:47:04

  • 电脑桌面有图标显黑屏什么原因

    电脑桌面有图标显黑屏什么原因220人喜欢

    1.如果开机后没有显示桌面图标,可以右键点击桌面,[查看]-[显示桌面图标],桌面上的图标就会出现。桌面功能正常。2.启动计算机进入黑屏桌面,按快捷键ctrl alt delete打开管理界面,选择启动任务管理器,点…

    更新时间:2022-02-20 08:30:04

  • 腾讯视频为什么不能在电脑上播放

    腾讯视频为什么不能在电脑上播放77人喜欢

    1.第一步:首先,看看你的网络是否连接,在电脑的右下角。2.如果电脑网络好,可以打开你的电脑管家腾讯,找到“工具箱”,然后找到流量检测,检查一下(当然也可以用360检查一下有没有病毒报告,看看你的信息有没…

    更新时间:2022-01-18 14:49:05

  • 怎么下载网页上的视频

    怎么下载网页上的视频65人喜欢

    如果你想在网页上下载视频,先下载一个shuoshu软件,然后点击打开,再点击打开shuoshu nano,然后点击新建下载任务,然后找到你要下载的视频的url,右键点击鼠标,点击复制url,然后在新建下载任务的搜索框中粘…

    更新时间:2021-10-29 07:16:01

  • 硬盘分区教程

    硬盘分区教程62人喜欢

    1.右键单击桌面上的“计算机”,单击“管理”和“磁盘管理”,选择要分区的磁盘。右键单击“压缩卷”,单击“压缩”以调整输入压缩空间中的分区容量。2.在新生成的未分配压缩卷中,右键单击“新建简单卷…

    更新时间:2022-03-29 09:31:02

  • bios查看电脑配置

    bios查看电脑配置21人喜欢

    1.在bois中可以查看计算机主板、cpu\硬盘、内存和显卡等重要组件的配置。2.具体参考如下:3.bios中英文对照表(经典收藏)。4.时间/系统时间/系统时间。5.日期/系统日期/系统日期。6.二级缓存。7.系…

    更新时间:2022-02-13 08:00:06

  • 电脑怎么调麦克风声音?

    电脑怎么调麦克风声音?74人喜欢

    电脑如何调节麦克风声音?很多人不知道。下面补上来教你。详细介绍方法/步骤首先,我们点击电脑左下角的微软按钮弹出界面,我们向下滑动中间的界面,然后找到windows系统,点击打开它,弹出界面,我们点击控制…

    更新时间:2021-10-03 12:01:06

  • word怎么加双下划线

    word怎么加双下划线26人喜欢

    今天,小编想和你分享如何在单词中使用双下划线,希望对你有所帮助。详细介绍方法/步骤首先在我们的电脑桌面上创建一个新的word文档并点击它。然后随便输入一些文字。然后选择所有这些文本并右键单…

    更新时间:2021-07-07 20:46:07

  • 电脑录音软件那个好用

    电脑录音软件那个好用69人喜欢

    需要准备的物品电脑录音软件win系统计算机详细介绍方法/步骤首先我们在搜狗浏览器里搜索:电脑录音软件,然后点击下载安装在电脑上下载后可以打开,然后选择看他的一些操作设置,可以根据自己的需要进行…

    更新时间:2021-10-17 14:46:05

  • 怎样取消关闭360浏览器对网站的拦截提醒

    怎样取消关闭360浏览器对网站的拦截提醒4人喜欢

    本文介绍了取消360浏览器对网站拦截提醒的方法,希望本指南能对大家有所帮助。详细介绍方法/步骤首先打开360浏览器。查看网页右上角,如下图所示,点击:工具单击:弹出下拉菜单中的选项这时,弹出基本设置…

    更新时间:2021-07-30 12:02:09

  • 苹果电脑怎样设置成中文

    苹果电脑怎样设置成中文84人喜欢

    详细介绍方法/步骤进入计算机系统首选项界面,并在选项中单击“语言和地区”进入语言和区域设置界面,如果左边首选语言没有简体中文,点击" "。进入语言库界面,找到想要设置的中文,点击“添加”,您可以用…

    更新时间:2021-09-30 14:46:12