list-style-type的样式和颜色

list-style-type属性可以设置列表项标记的类型。
例如：disc、circle、square、decimal等。

list-style-type:disc(项目符号：实心圆形默认)
list-style-type: square;(项目符号：实心正方形)
list-style-type: circle(项目符号：空心圆)
list-style-type: decimal（项目符号：阿拉伯数字）
list-style-type: lower-alpha（项目符号：小写英文字母）
list-style-type: upper-alpha（项目符号：大写英文字母）
list-style-type: lower-roman（项目符号：小写罗马数字）
list-style-type: upper-roman（项目符号：大写罗马数字）

除了上面的这些项目符号，我们还可以自定义项目符号
1、通过伪元素添加

 <style>li{list-style: none;}li::before{content: "★"; color: red;}</style>

   <body><ul><li>苹果</li><li>香蕉</li></ul>
</body>

2、 list-style-image: url("");

    <style>ul{list-style-image: url("sqpurple.gif");}</style><body><ul><li>苹果</li><li>香蕉</li></ul>
</body>

list-style-type的样式和颜色相关推荐

自定义input type=file 样式的方法
为什么80%的码农都做不了架构师?>>> 为什么要美化file控件?试想一下,别的孩子都穿戴整齐漂亮,其中两个孩子怎么都不鸟你,太不和谐了. 原始的file控件是这样的: &l ...
style type=text/css中的type=text/css到底是什么意思
最佳答案 type="text/css"是指定MIME类型,其中: text是指对象为网页中的文本 css或是javascript是指当前指定的文本类型... 如果要在HTML文件 ...
css样式的颜色表达方式+彩虹小人
css样式的颜色表达方式+彩虹小人 css样式的颜色表达方式有三种. 第一种就是直接用英文的颜色来表达. 第二种就是通过16进制来表示,具体的颜色是什么样的代码,请自行解决,我也不知道,我是通过在火狐 ...
【CSS】盒子边框 ① ( 网页布局本质 | 盒子模型 | 盒子边框 Border | border-width 宽度 | border-style 边框样式 | 边框颜色 | 边框设置综合写法 )
文章目录一.网页布局本质二.盒子模型三.盒子边框 Border 1.CSS 2.0 文档查询 2.边框设置语法 3.边框设置综合写法一.网页布局本质构建一个网页 , 首先 , 创建盒子模型 ...
ESP32 LVGL8.1 ——Style bg 设置样式背景 (Style 2)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一.样式背景设置简介二.Style Pad API 2.1背景颜色 bg_color 2.2背景颜色透明度 bg_opa 2.3背景的渐变颜 ...
Input placeholder属性样式修改(颜色,大小,位置)
Input placeholder属性样式修改(颜色,大小,位置) input::-webkit-input-placeholder {/* placeholder颜色 */color: #aab2b ...
【CSS】背景样式（颜色、图片、平铺、附着和位置）
大家好,我是翼同学! 目录 1️⃣前言 2️⃣背景样式 ✨背景颜色
HTML+CSS修改li前小圆点的样式or颜色
HTML+CSS修改li前小圆点的样式or颜色修改样式有参考样式的图片情况: 将原有的小圆点删除后再添加修改颜色代码修改样式有两种方法比较方便的方法有参考样式的图片情况: 可以使用图像处 ...
CSS给元素添加边框（样式、颜色、宽度）
给元素添加边框 CSS边框属性允许你指定一个元素边框的样式和颜色, 和边框宽度. 可以使用 border 属性将边框样式,颜色,和宽度一起设置. 如果不设置其中的某个值,也不会出问题,比如 bord ...
UIElements开发人员指南9 样式(Style)和Unity样式表(style sheets)
样式(Style)和Unity样式表(style sheets) 每个VisualElement都包含样式属性,用于设置元素的尺寸以及元素在屏幕上的绘制方式,例如backgroundColor或bor ...

list-style-type的样式和颜色

list-style-type的样式和颜色相关推荐

最新文章

热门文章