当前位置: 首页 > article >正文

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(图片路径);


http://www.kler.cn/a/152481.html

相关文章:

  • 1.自动化运维工具Ansible的安装
  • Linux CentOS7 安装Docker
  • Day51:503.下一个更大元素II、42. 接雨水
  • 全栈软件开发工程师需要具备哪些技能
  • ElementPlus自定义表单验证
  • 删除容器挂载卷打包容器镜像并传到阿里云
  • c++--类型的基础
  • 43.0BaseDao抽取dao公共父类
  • 大数据(十一):概率统计基础
  • STM32/GD32_分散加载
  • Paraformer 语音识别原理
  • Android Audio实战——音频焦点监听(十)
  • 从薛定谔的猫——量子理论基础
  • 设计模式详解(二):抽象工厂——Abstract Factory
  • JavaEE——简单认识CSS
  • oracle impdp 导入元数据表空间异常增大的解决办法
  • 党建引领·和谐共建——赤岗街首届微型社区养老服务公益博览会开幕
  • (2)(2.2) Lightware SF45/B(350度)
  • 2的幂运算
  • IC修真院 | 芯片嵌入式课程重磅上线!