Web前端开发笔记—一级导航栏

最新推荐文章于 2024-03-22 23:43:25 发布

LUNLUNJIEJIE

最新推荐文章于 2024-03-22 23:43:25 发布

阅读量428

点赞数

本文链接：https://blog.csdn.net/LUNLUNJIEJIE/article/details/88918728

版权

一级导航栏编辑练习

1、ul li方法实现

<1> 代码如下：

代码实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style >
        a{
            color: #ffffff;
            text-decoration: none;
        }
        a:hover{
            color: #ffffff;
            text-decoration: underline;
        }
        .top_nav{
            padding: 10px 10px 0;
            font-size: 12px;
            font-weight: bold;
            margin: 1px 0 0 0;
            list-style: none ;
            border-bottom: 8px solid darkred ;
            overflow: hidden ;
            /*background-color: #33b5e5 ;*/
        }
        .top_nav li{
            float: left ;
            margin-right: 1px;
        }
        .top_nav li a{
            position: relative ;
            z-index: 0;
            line-height: 20px;
            text-decoration: none ;
            background: #dddddd ;
            color: #666666 ;
            display: block ;
            width: 80px;
            text-align: center ;
        }
        .top_nav li a span{
            position: absolute ;
            visibility: hidden ;

最低0.47元/天解锁文章

LUNLUNJIEJIE

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Web前端开发笔记—一级导航栏

一级导航栏编辑练习1、ul li方法实现<1> 代码如下：代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style > ...
复制链接

扫一扫