li前面的原点或者方的样式修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定...
生活随笔
收集整理的這篇文章主要介紹了
li前面的原点或者方的样式修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定...
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
如何修改html中列表項li所顯示的圓點的顏色?,以及相關(guān)樣式的設(shè)定
?這是li標(biāo)簽自帶的圓點的顏色改變,代碼如下:
.centerbt li{
content:"."; ?
color:gray;??
??}
在標(biāo)簽li后面加入“@”符號,這里都會使用position,這樣可以調(diào)整位置。
?.centerbt li:after{
content:"@"; ?
color:gray;
position:relative;
left:200px;
bottom:20px;
? ?
? li ? {list-style-type:符號名稱}?
? ?
? 符號名稱可用的值為: ?
? --------------------------------?
? disc ? : ? CSS1 實心圓 ?
? circle ? : ? CSS1 空心圓 ?
? square ? : ? CSS1 實心方塊 ?
? decimal ? : ? CSS1 阿拉伯?dāng)?shù)字 ?
? lower-roman ? :? CSS1 小寫羅馬數(shù)字 ?
? upper-roman ? :? CSS1 大寫羅馬數(shù)字 ?
? lower-alpha ? :? CSS1 小寫英文字母 ?
? upper-alpha ? :? CSS1 大寫英文字母 ?
? none ? : ? CSS1 不使用項目符號 ?
? armenian ? : ? CSS2 傳統(tǒng)的亞美尼亞數(shù)字 ?
? cjk-ideographic ? :? CSS2 淺白的表意數(shù)字 ?
? georgian ? : ? CSS2 傳統(tǒng)的喬治數(shù)字 ?
? lower-greek ? :? CSS2 基本的希臘小寫字母?
? hebrew ? : ? CSS2 傳統(tǒng)的希伯萊數(shù)字 ?
? hiragana ? : ? CSS2 日文平假名字符 ?
? hiragana-iroha ? :? CSS2 日文平假名序號 ?
? katakana ? : ? CSS2 日文片假名字符 ?
? katakana-iroha ? :? CSS2 日文片假名序號 ?
? lower-latin ? :? CSS2 小寫拉丁字母 ?
? upper-latin ? :? CSS2 大寫拉丁字母? ? ?
轉(zhuǎn)載于:https://www.cnblogs.com/yuanyuan-1994/p/9234397.html
總結(jié)
以上是生活随笔為你收集整理的li前面的原点或者方的样式修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C# LINQ(5)
- 下一篇: 成员修饰符知识点