HTML小米官网导航栏设计

<style>

 .top {

            margin: 0 auto;

            background-color: #a09999;

            width: 1350px;

            height: 60px;

            display: flex;

            justify-content: space-between;

            opacity: 0.7;

            position: sticky;

            top: 0px;

        }

 .left {

            margin-top: 10px;

            margin-left: 50px;

        }

        a {

            display: inline-block;

            text-decoration: none;

            color: white;

            margin-left: 12px;

            margin-right: 12px;

            font-size: 15px;

            margin-top: 20px;

            font-weight: 900px;

        }

        a:hover {

            color: rgb(240, 135, 15);

        }