排行时报

网页导航栏制作:如何为网页添加导航栏

科技数码  2022-12-15 11:41:05  热度:72℃

01、制作一个放导航栏的容器
制作一个放导航栏的容器,容器名为nav,容器宽为1000px,高为30px,背景颜

色为灰色,相关代码如下:
#nav
{
width:1000px;
height:30px;
background:#CCC;
margin:0 auto;
margin-top:50px;
}

02、显示结果
在浏览器中显示的结果为下图所示:

03、在容器中放入一些导航栏
导航栏代码如下:

04、为导航栏添加一些属性

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

最近更新

  • 怎么将wps输出为pdf的文字水印设置为单行

    怎么将wps输出为pdf的文字水印设置为单行

    2025-04-26598阅读

  • Ubuntu 20.04新增仓颉输入法

    Ubuntu 20.04新增仓颉输入法

    2025-04-26591阅读

  • 950显卡能吃鸡吗

    950显卡能吃鸡吗

    2025-04-27754阅读

  • 扫描件是什么格式的

    扫描件是什么格式的

    2025-04-26612阅读

  • win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    2025-04-26661阅读

  • 电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    2025-04-26643阅读

  • 怎么用vlookup匹配数据?

    怎么用vlookup匹配数据?

    2025-04-26549阅读

  • 嗜睡说明了什么问题

    嗜睡说明了什么问题

    2022-12-21760阅读

  • 入睡很困难该怎么办

    入睡很困难该怎么办

    2022-12-20809阅读

  • 发质不好可以怎么办

    发质不好可以怎么办

    2022-12-21800阅读

  • 精选专题