CSS基础学习（二）

最新推荐文章于 2024-05-23 16:14:20 发布

VIP文章 Fiee_to_you

最新推荐文章于 2024-05-23 16:14:20 发布

阅读量127

点赞数

文章标签： css 学习前端

本文链接：https://blog.csdn.net/Fiee_to_you/article/details/126900087

版权

一、列表属性

<style>
        ul{
            list-style-type: disc;
            /* 
            取值：
            disc  实心圆
            circle  空心圆
            square  实心方块
            none  无效果
            */

           list-style-image: url(01.jpg); /* 相对路径 如果要展示不同的图片，可使用类选择器*/
           list-style-position: inside;
           /* inside  置于列表内部
           outside 置于列表外部 （默认） */
        }
    </style>
</head>
<body>
    <ul>
        <li>111111111</li>
        <li>222222222</li>
        <li>333333333</li>
    </ul>
</body>

list-style-type ：定义列表符合样式

list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(无效果)

list-style-image ：将图片设置成列表符合样式

list-style-image：url(相对路径)

list-style-position ：设置列表项标记的放置位置

list-style-position：outside(列表外部，默认值)/inside(列表内部)

简写：list-style:(无先后顺序要求)

其中list-style:none; 去除列表符号

最低0.47元/天解锁文章

Fiee_to_you

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
CSS基础学习（二）

clear：none(允许前面有浮动)/ left(不允许前面有右浮动) right(不允许前面有左浮动) both(不允许前面有浮动)border-style: solid(单实线) double(双实线) dashed(线段线) dotted(点状线)list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(无效果)rgba(红，绿，蓝，透明度)；(两个值，上下间距为0，左右居中)4个值(按顺时针方向，上，右，下，左)
复制链接

扫一扫