CSS导航栏的制作_css制作导航栏

作者：2023面试高手 | 2024-04-02 19:40:48

踩

css制作导航栏


 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="../static/reset.css" />
    <style>
        /*
        导航栏CSS设置
         */
        .navigation {
            width:1210px;
            height:48px;
            background-color: #E8E7E3;
            margin:50px auto;
        }
        .navigation li{
            /*浮动会在父元素的范围内浮动
             */
            float: left;
            /*文字居中的方法
 */
            height: 48px;
            line-height: 48px;
 
        }
        .navigation li a{
            /*
            块元素会占据整个父类元素的长和宽
            行内元素只会被内容撑开
*/
            display: block;
            font-size: 18px;
            color: #8F8F8E;

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/353507