css中的 type,css中如何使用list-style-type属性
css中如何使用list-style-type属性
发布时间:2020-09-24 10:05:15
来源:亿速云
阅读:88
作者:小新
小编给大家分享一下css中如何使用list-style-type属性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
css list-style-type属性用于设置列表项标记的类型,可以通过不同的属性值设置不同的列表项标记。所有浏览器都支持 list-style-type 属性。
css list-style-type属性怎么用?
list-style-type属性设置列表项标记的类型。
可设置的属性值:
● none:无标记。
● disc:默认。标记是实心圆。
● circle:标记是空心圆。
● square:标记是实心方块。
● decimal:标记是数字。
● decimal-leading-zero:0开头的数字标记。(01, 02, 03, 等。)
● lower-roman:小写罗马数字(i, ii, iii, iv, v, 等。)
● upper-roman:大写罗马数字(I, II, III, IV, V, 等。)
● lower-alpha:小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
● upper-alpha:大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
● lower-greek:小写希腊字母(alpha, beta, gamma, 等。)
● lower-latin:小写拉丁字母(a, b, c, d, e, 等。)
● upper-latin:大写拉丁字母(A, B, C, D, E, 等。)
● hebrew:传统的希伯来编号方式
● armenian:传统的亚美尼亚编号方式
● georgian传统的乔治亚编号方式(an, ban, gan, 等。)
● cjk-ideographic:简单的表意数字
● hiragana:标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)
● katakana:标记是:A, I, U, E, O, KA, KI, 等。(日文片假名)
● hiragana-iroha:标记是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)
● katakana-iroha:标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)
注释:
所有浏览器都支持 list-style-type 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "decimal-leading-zero"、"lower-greek"、"lower-latin"、"upper-latin"、"armenian"、"georgian" 或 "inherit"。
css list-style-type属性 示例
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
无序列表实例:
- Coffee
- Tea
- Coca Cola
- Coffee
- Tea
- Coca Cola
有序列表实例:
- Coffee
- Tea
- Coca Cola
- Coffee
- Tea
- Coca Cola
效果图:
以上是css中如何使用list-style-type属性的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
css中的 type,css中如何使用list-style-type属性相关推荐
- style type=text/css中的type=text/css到底是什么意思
最佳答案 type="text/css"是指定MIME类型,其中: text是指对象为网页中的文本 css或是javascript是指当前指定的文本类型... 如果要在HTML文件 ...
- 在SCSS文件中导入常规CSS文件?
本文翻译自:Import regular CSS file in SCSS file? Is there anyway to import a regular CSS file with Sass's ...
- Eclipse中写jsp文件时,发现里面加载不了js文件和css文件(解决css文件在eclipse中显示不了)
今天在做项目的时候,在项目中新建jsp文件和js文件和css文件,启动服务器,访问页面,加载不到js文件和css文件:(文件存在) jsp文件部分代码如下: <link rel="st ...
- MVC发布后项目存在于根目录中的子目录中时的css与js、图片路径问题
加载固定资源js与css <script src="@Url.Content("~/Scripts/js/jquery.min.js")" type=&q ...
- 前端:JS/28/CSS DOM动态样式(style对象,style 对象属性与CSS属性的转换),Event DOM,事件对象简介(DOM和IE中的Event对象),实例:点出满天小星星
CSS DOM动态样式 使用JS操作CSS中的各个属性: JS只能操作或修改行内样式,如:imgObjstyle.border = "1px solid red"; 对于类样式,通 ...
- 计算机底纹不起作用,CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11)...
CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11) 我有以下代码: .skills_column { padding: 5 ...
- 使用CSS控制页面的4中方法
1.行内样式 <p style = "font-size:20px; color:#0000FF;">显示内容</p> 2.内嵌式 写在<head&g ...
- DotNetNuke(DNN)皮肤制作--如何修改DNN中众多的CSS文件
DotNetNuke使用了好几个CSS文件,在什么时候,如何针对不同的需求修改CSS文件让人觉得很难把握,其实只要搞明白了DNN加载各个CSS文件的顺序,再遵循CSS文件生效的优先级就能准确的把握什么 ...
- CSS进阶(4)—— 温和padding中的诡异CSS现象
盒模型的四大家族,原以为content部分比较复杂,单独写了一章,但在看padding部分的时候又遇到一个非常诡异的CSS现象,经过不断测试,终于得到一个比较接近于"真相"的解释, ...
- dwcss样式中英对照_DW中常用css样式四种类型详细解析说明
css 样式 加载 css 样式类型有以下四种 一.外部样式 格式: 路径 " /> 举例: 用处:这种形式是把 css 单独写到一个 css 文件内,然后在源代码中以 link 方 ...
最新文章
- golang 值得注意的地方(2则)
- 有人工裁判,就会有争执
- 读取一个文件,获取其中出现次数最多的前五个字符以及次数
- the largest issue in management
- js中精度问题以及解决方案
- 不同抽样间隔T对正弦信号进行抽样
- debian解决中文乱码,安装chinese font
- 【三维装箱】基于matlab粒子群算法求解三维装箱优化问题【含Matlab源码 950期】
- python动态调用函数
- Gym 100818F Irrational Roots (数学)
- 云服务器oa系统,oa系统放到云服务器云服务器
- 为什么选择Tomcat及Tomcat下载
- React新生命周期--getDerivedStateFromProps、getSnapshotBeforeUpdate
- delphi function 与 procedure
- 通过高通平台简单总结的权限问题
- 地表最全:60种数据可视化图表使用场景大全 !
- 佳博Gainscha GP-58130IC 打印机驱动
- 电脑灯不亮,电脑显示灯不亮原因有哪些 电脑显示灯不亮解决方法
- 桌面六轴机械臂myCobot初体验
- 一款免费的记忆卡:学习圈