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

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

相关文章:

  • 如何判断数据库慢 SQL 查询?
  • Windows+WSL开发环境下微服务注册(Consul)指定IP
  • ros来保存图像和保存记录视频的方法---gmsl相机保存视频和图片
  • linux学习之详解文件
  • git 配置多端多个账号(码云、github、gitlab)
  • vue3 中使用 sse 最佳实践,封装工具
  • #HarmonyOS:软件安装window和mac预览Hello World
  • Java中富文本转markdown
  • MySQL 数据库如何实现 XA 规范?
  • 开发一款短剧视频小程序软件多少钱?
  • 道可云会展元宇宙平台全新升级,打造3D沉浸式展会新模式
  • Canvas鼠标画线
  • 基于Python的PyGame的俄罗斯方块游戏设计与实现
  • 算法leetcode|91. 解码方法(rust重拳出击)
  • 信号完整性分析
  • @jsonView过滤属性
  • 2019年如何成为全栈工程师?
  • 230. Kth Smallest Element in a BST
  • C# 免费离线人脸识别 2.0 Demo
  • const let
  • create-react-app项目添加less配置
  • Docker: 容器互访的三种方式
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • gitlab-ci配置详解(一)
  • iOS动画编程-View动画[ 1 ] 基础View动画
  • passportjs 源码分析
  • Redux 中间件分析
  • Spring Cloud中负载均衡器概览
  • tab.js分享及浏览器兼容性问题汇总
  • 官方解决所有 npm 全局安装权限问题
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 计算机在识别图像时“看到”了什么?
  • 前端性能优化——回流与重绘
  • 验证码识别技术——15分钟带你突破各种复杂不定长验证码
  • 一道闭包题引发的思考
  • 源码之下无秘密 ── 做最好的 Netty 源码分析教程
  • ​卜东波研究员:高观点下的少儿计算思维
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • #1014 : Trie树
  • #QT(串口助手-界面)
  • (13)[Xamarin.Android] 不同分辨率下的图片使用概论
  • (16)UiBot:智能化软件机器人(以头歌抓取课程数据为例)
  • (4.10~4.16)
  • (8)Linux使用C语言读取proc/stat等cpu使用数据
  • (pojstep1.3.1)1017(构造法模拟)
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (附源码)springboot教学评价 毕业设计 641310
  • (十七)devops持续集成开发——使用jenkins流水线pipeline方式发布一个微服务项目
  • (转)【Hibernate总结系列】使用举例
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • .bat批处理(十):从路径字符串中截取盘符、文件名、后缀名等信息
  • .Net环境下的缓存技术介绍