Bootstarp：网站导航栏的编写设计

最新推荐文章于 2024-08-13 11:34:13 发布

wangzirui32

最新推荐文章于 2024-08-13 11:34:13 发布

阅读量524

点赞数

分类专栏： Bootstarp HTML 文章标签： html css3 css

本文链接：https://blog.csdn.net/wangzirui32/article/details/124528858

版权

hello，大家好，我是wangzirui32，今天我们来学习Bootstarp的网站导航栏的编写设计，开始学习吧！
HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航栏</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <style>
        nav {
     
            opacity: 0.8;
            /* 背景渐变色 来自https://gradihunt.com/g/00ffff-f9ffb3-90 */
            background-image: -moz-linear-gradient(90deg, rgb(0, 255, 255), rgb(249, 255