欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

li前面的原点或者方的样式修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定...

发布时间:2025/7/25 编程问答 48 豆豆
生活随笔 收集整理的这篇文章主要介绍了 li前面的原点或者方的样式修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定... 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

如何修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定

 

这是li标签自带的圆点的颜色改变,代码如下:

.centerbt li{

content:".";  

color:gray;
  

  }

在标签li后面加入“@”符号,这里都会使用position,这样可以调整位置。

 .centerbt li:after{
content:"@";  
color:gray;
position:relative;
left:200px;
bottom:20px;

css中用list-style-type指定列表(lists)前面符号,如下: 
   
  li   {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 大写拉丁字母     

转载于:https://www.cnblogs.com/yuanyuan-1994/p/9234397.html

总结

以上是生活随笔为你收集整理的li前面的原点或者方的样式修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定...的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。