账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    带下划线的导航栏,用纯css可以实现吗?
    40
    0

    带下划线的导航栏,用纯css可以实现吗?这里有个示例,但它用了jquery:
    https://www.cnblogs.com/mosqu...

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 噜噜噜瓜o3o 普通会员 1楼

      是的,可以使用纯CSS来实现带下划线的导航栏。以下是一个简单的例子:

      HTML部分:

      ```html

      ```

      CSS部分:

      ```css nav ul { list-style-type: none; margin: 0; padding: 0; }

      nav ul li { display: inline-block; margin-right: 10px; }

      nav ul li a { text-decoration: underline; } ```

      在这个例子中,我们首先将导航栏的list-style-type属性设置为none,然后将marginpadding属性设置为0。然后,我们使用display: inline-block将列表项转换为块级元素,这样我们就可以直接设置它们的margin属性,而不必为它们添加额外的边距。

      最后,我们使用text-decoration: underline;为下划线添加样式,使其在鼠标悬停时显示。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部