首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏云计算linux

    WEB入门.九 导航菜单

    实现步骤: (1) 使用 div和ul搭建导航菜单框架,代码如下:

    网站logo
    <div globalMenu为导航栏容器样式,采用 ul 和 li将其分隔两行;title 为网站 logo样式;content为导航内容样式。 .title{float:left;width:140px;padding:6px0 0;text-align:center;}/*导航内容部分*/.globalMenu .content{float :36px;width:150px;border-right:1pxsolid #ccc;/*定义菜单栏目的右边框*/}.globalMenu .content .menu li{text-align: left;padding:2px0 0 10px;list-style-type:none;}.globalMenu .content .lineH{line-height:22px;}.globalMenu

    1.9K10编辑于 2024-12-18
  • 来自专栏云计算linux

    WEB入门.九 导航菜单

    实现步骤: (1) 使用 div和ul搭建导航菜单框架,代码如下:

    网站logo </ globalMenu为导航栏容器样式,采用 ul 和 li将其分隔两行;title 为网站 logo样式;content为导航内容样式。 .content{ float:left; width:400px; margin:5px0 0; } /*定义菜单栏样式*/ .globalMenu .content .menu .content .menu li{ text-align:left; padding:2px0 0 10px; list-style-type:none; } .globalMenu .content .lineH{ line-height:22px; } .globalMenu .content .tip{ font-weight:bold; } </style>

    1.8K10编辑于 2024-12-17
领券