如何修改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所显示的圆点的颜色?,以及相关样式的设定...相关推荐

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

    这是li标签自带的圆点的颜色改变,代码如下: .centerbt li{ content:"."; color:gray; } 在标签li后面加入"@"符号,这 ...

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

    这是li标签自带的圆点的颜色改变,代码如下: .centerbt li{ content:"."; color:gray; } 在标签li后面加入"@"符号,这 ...

  3. html如何在每段话前加圆点,怎么修改html中列表项li所显示的圆点的颜色

    应 的属性list-style-type 应应 应 应 应应 应 应 ,要把 点改成 心方 解 思路: 决 在HTML 中 有相项的 性可以项置项效果,但在 没 属 CSS 中可以,相项的 性项 属 ...

  4. jQuery Mobile中列表项ol、ul中的li的data-*选项

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中列表项li的data-*选项 //带有 data-role="listvie ...

  5. bootstrap分页css样式,修改bootstrap-table中的分页样式

    使用bootstrap-table时,使用$("")选择器没办法选中下方的分页button按钮,可能跟它是动态生成的有关吧. 最终找到与之对应的js(bootstrap-table ...

  6. echarts设置饼状图的标示线以及标示文字的颜色等相关样式

    一.代码和注释如下: var option ={series: [{name: 'KR完成比例',type: 'pie',//类型为饼图radius: ['30%', '50%'],//饼图的半径,一 ...

  7. 只在当前页面生效的css样式,修改页面中的一个样式 仅在当前页面生效

    问题描述 校验的提示框出现在其他位置 怎么修改 问题出现的环境背景及自己尝试过哪些方法 尝试直接修改 样式 会修改掉全局的样式 怎么让这个样式仅在当前页面生效 相关代码 // 请把代码文本粘贴到下方( ...

  8. html5 audio样式修改,HTML5中 audio的样式设置

    直接在样式表中设置对应的样式: audio::-webkit-media-controls-panel audio::-webkit-media-controls-mute-button audio: ...

  9. css删除li 圆点_CSS 去除列表项li前面的小圆点

    java 中多线程之间的通讯之等待唤醒机制 wait notify () nitifyAll () 都使用在同步中,因为要对持有监视器(锁)的线程操作 所以要使用在同步中,因为只有同步才具有锁 为什么 ...

最新文章

  1. extlinux安装livecd到USB
  2. pytorch torch.detach函数(返回一个新的`Variable`,从当前图中分离下来的)
  3. 在新项目中要思考的技术点
  4. java定时运行一个url_Swift 4:如何异步使用URLSessionDataTask但请求是否在一个定时队列中?...
  5. Java网络连接之HttpURLConnection、HttpsURLConnection
  6. IDEA开发WebService遇到的问题和SOAPUI工具的使用
  7. Deep Learning(深度学习)网络资源
  8. Linux 中ifconfig和ip addr命令看不到ip
  9. Java核心技术 卷(一) 学习记录
  10. OBIEE + OAS集群配置 Part 1
  11. FPGA DDR2操作
  12. layui table 单元格合并
  13. css自动换行,css代码
  14. CToolBar的使用总结
  15. Embedding原理到实战
  16. MySQL从删库到跑路(7):连接查询,用联系的观点看女神与渣男
  17. (翻译)适当挑战(Appropriate challenge)
  18. 猜解小米5.99元蓝牙Mesh模组
  19. html5标签不区分大小写对错,html5 不区分大小写、标记结束符及属性是否加引号?...
  20. 佟年计算机天才不会打游戏,亲爱的热爱的:Gun神带佟年开黑,网友:甜蜜游戏时间...

热门文章

  1. Android - 已安装了存在签名冲突的同名数据包,解决方法!
  2. django Table doesn't exist
  3. 【Irrlicht鬼火引擎】 安装配置Irrlicht鬼火引擎
  4. c#的DateTime.Now函数详解
  5. UVA-10212 The Last Non-zero Digit. 分解质因子+容斥定理
  6. Google News 中文上线
  7. 怎样查看CMD下exe文件的命令行参数输入格式?
  8. ios html cookies,iOS-WKWebView携带cookie发送http请求,cookie失效
  9. linux 擦脚印工具,linux一步一脚印---rm命令
  10. vim全局搜索并跳转