CSS新手入门笔记整理:CSS列表样式

列表项符号:list-style-type

在HTML中,对于有序列表和无序列表的列表项符号,都是使用type属性来定义的。

语法

list-style-type:取值;

list-style-type属性是针对ol或者ul元素的,而不是li元素。

有序列表属性

属性值

说明

decimal

阿拉伯数字:1、2、3···(默认值)

lower-roman

小写罗马数字:i、ii、i···

upper-roman

大写罗马数字:、II、III···

lower-alpha

小写英文字母:a、b、c···

upper-alpha

大写英文字母:A、B、C···

无序列表属性

属性值

说明

disc

实心圆⚫(默认值)

circle

空心圆O

square

正方形◼️


去除列表项符号

语法

list-style-type:none;

由于列表项符号不太美观,因此在实际开发中,大多数情况下我们都需要使用“list-styletype:none;”将其去掉。


列表项图片:list-style-image

语法

list-style-image:url(图片路径);

相关推荐

  1. CSS新手入门笔记整理CSS列表样式

    2023-12-07 19:02:05       56 阅读
  2. CSS新手入门笔记整理CSS3文本样式

    2023-12-07 19:02:05       51 阅读
  3. CSS新手入门笔记整理CSS3颜色样式

    2023-12-07 19:02:05       53 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 19:02:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 19:02:05       101 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 19:02:05       82 阅读
  4. Python语言-面向对象

    2023-12-07 19:02:05       91 阅读

热门阅读

  1. 1.什么是html

    2023-12-07 19:02:05       57 阅读
  2. Linux之rsync免密登录

    2023-12-07 19:02:05       50 阅读
  3. 【力扣100】1.两数之和__231206

    2023-12-07 19:02:05       64 阅读
  4. 用户管理 --汇总

    2023-12-07 19:02:05       61 阅读
  5. Hive增强的聚合、多维数据集、分组和汇总

    2023-12-07 19:02:05       65 阅读
  6. Chart 6 Adreno GPUs内核优化建议

    2023-12-07 19:02:05       46 阅读
  7. 苍穹外卖--导出运营数据Excel报表

    2023-12-07 19:02:05       63 阅读
  8. 查看Hive表信息及占用空间的方法

    2023-12-07 19:02:05       60 阅读
  9. 虎牙C++技术面经

    2023-12-07 19:02:05       44 阅读