使用html写一个水平二级菜单

最新推荐文章于 2024-05-27 17:27:19 发布

学Java的小李

最新推荐文章于 2024-05-27 17:27:19 发布

阅读量2k

点赞数

分类专栏： html css

本文链接：https://blog.csdn.net/qq_40072583/article/details/95242286

版权

（1）写标题我们一般用到`<nav>`这个标签，`<nav>`这个标签就是定义导航链接部分的一个标签。

（2）还有会用到`<ul><li>`标签来实现导航菜单功能。

（3）在这里呢，我用的是`<nav>`标签，`<ul><li>`标签和`<a>`标签来实现的一个水平的二级菜单，废话不多说，看代码！！！

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>水平二级菜单</title>

        <style>

            *{margin: 0;padding: 0;}

            .demo{background:yellow;width: 100%;height: 35px;}

            nav{height: 35px;width: 1000px;margin: 0 auto;}

            nav ul li{list-style:none;float: left}

            nav ul li a{ text-decoration: none;display: block;width: 130px;line-height: 35px;text-align: center;color:black;}

最低0.47元/天解锁文章

学Java的小李

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
使用html写一个水平二级菜单

（1）写标题我们一般用到<nav>这个标签，<nav>这个标签就是定义导航链接部分的一个标签。（2）还有会用到<ul><li>标签来实现导航菜单功能。（3）在这里呢，我用的是<nav>标签，<ul><li>标签和<a>标签来实现的一个水平的二级菜单，废话不多说，看代码！！！<!DOCTYP...
复制链接

扫一扫