2021_CSS学习笔记第6天: 5.1.1 设置列表项符号

网站建设 · 2021-01-07
坚持戒烟、坚持学习、坚持运动V7mIT米工网
5.1.1 设置列表项符号
V7mIT米工网
list-style-type:表示设置列表项符号V7mIT米工网
none:不使用列表符号V7mIT米工网
disc:默认值,实心圆V7mIT米工网
circle:空心圆V7mIT米工网
square:实心方块V7mIT米工网
例如代码:
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
    body{
        background-color#cccccc;
    }
    ul{
        color:#cc0000;
        list-style-typedisc;
    }
    .special{
        list-style-typesquare;
    }
 
    </style>
</head>
<body>
    <h2>北京最吸引人的地方</h2>
    <ul>
        <li>什刹海</li>
        <li>故宫</li>
        <li class="special">音乐会古钢琴咖啡厅</li>
        <li>北海公园泛舟</li>
        <li>秋天的香山公园赏红叶</li>
    </ul>
</body>
效果图:V7mIT米工网