500字范文,内容丰富有趣,生活中的好帮手!
500字范文 > html中的list是属性值 list-style css列表样式属性教程

html中的list是属性值 list-style css列表样式属性教程

时间:2024-04-02 08:19:30

相关推荐

html中的list是属性值 list-style css列表样式属性教程

list-style是设置列表li标签名堂的专有CSS属性花色,这里追随CSS5进修list-style运用教程。

一、list-style感召与用处

list-style是设置列表li的名目。例如li后头为阿拉伯数字、圆点、实心圆、图片、空心圆、小写英笔墨母、大写英翰墨母、激进的亚美尼亚数字等。

更多可见:《list-style css手册》

二、语法

1、语法:

list-style : list-style-image || list-style-position || list-style-type

咱们知道html语法例定li必须在ul或ol内应用,那末对ul或ol或者设置装备摆设list-style-image引入图片作为li的后面机关素材。但通常div css组织时候不采取这种办法来配置li的后面图片素材,通常对li直接设置装备摆设后盾图片,多么兼容更好,更易管束。

我们应用相比多是list-style的list-style-type属性来设置li默认后头款式。

默许ul li和ol li的格局

2、list-style-type的值与讲明

下列或许自己上来测试看看各种值成就。

参数:

disc : CSS1实心圆

circle : CSS1空心圆

square : CSS1实心方块

decimal : CSS1阿拉伯数字

lower-roman : CSS1大写罗马数字

upper-roman : CSS1大写罗马数字

lower-alpha : CSS1大写英翰墨母

upper-alpha : CSS1大写英文字母

none : CSS1不使用工程标记

armenian : CSS2激进的亚美尼亚数字

cjk-ideographic : CSS2浅白的表意数字

georgian : CSS2古板的乔治数字

lower-greek : CSS2根本的希腊大写字母

hebrew : CSS2保守的希伯莱数字

hiragana : CSS2日文平假名字符

hiragana-iroha : CSS2日文平化名序号

katakana : CSS2日文片假名字符

katakana-iroha : CSS2日文片化名序号

lower-latin : CSS2大写拉丁字母

upper-latin : CSS2大写拉丁字母

三、结构一样平常做法

通常在一个网页组织时分最早CSS就要把ul ol li三者列表list-style技俩去掉,也是为了兼容各大浏览器,取消列表标签默认list-style。

取缔ul li ol的list-style样式代码:

ul,ol,li{list-style:none}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。