这是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://blog.csdn.net/hahhahahaa/article/details/80688628

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

  1. CSS 去除列表项li前面的小圆点

    前言 在默认的情况下,浏览器会在<li>标签前面加上小圆点形成列表项,如下所示使用<ul> 项1 项2 项3 或者使用<ol> 项1 项2 项3 这在有时候确实给我 ...

  2. CSS中列表项list样式

    CSS列表属性 属性 描述 list-style-属性 用于把所有用于列表的属性设置于一个声明中. list-style-image 将图象设置为列表项标志. list-style-position ...

  3. dedecms后台每页文章条数如何修改(“文档列表”每一页显示的文档条数)

    小明在学习采集,弄了个dedecms作为发布平台,几个小时后跑来报喜说好简单,但又不想制造那么多spam,每个分类只保留几条就好.在后台删除这些文章,每页只显示30个,看了下有100多页,立马沮丧了, ...

  4. (转) Wp7 list 中列表项多样化的解决方案-Custom DataTemplateSelector

    本文转自: http://www.cnblogs.com/sonyye/archive/2012/03/03/2378825.html 在这篇文章中,我将解释如何在Windows Phone 7中创建 ...

  5. 修改eclipse中web项目的server部署路径

    和MyEclipse不一样,在Eclipse中做的Web项目默认是不支持将项目发布到Web服务器上的,会发布到工作空间的某个目录,因此无法在外部启动Tomcat来运行Web项目,只有打开Eclipse ...

  6. 简单jQuery实现选项框中列表项的选择

    这段代码非常的简单,仅仅作为自己的一个小小的记录! ok,先上一个简单的图例,效果如下(注意:这只是一个简单的例子,不过可以根据这个简单的例子,变化出更为复杂的效果)! 代码也非常的简单,如下所示(注 ...

  7. javascript实现ul中列表项随机排列

    方法1 <!DOCTYPE html><html lang="en"><head> <script type="text/jav ...

  8. css修改li前面的小圆点的颜色

    直接改 li 的style 的 color 就好:就是这样:over

  9. mongodb使用_遍历列表中的元素,作为变量,循环修改mongodb中的字段

    一.问题描述: 需要将工作界面上的一些已经离职的用户状态改为失效,并备注为离职 二.需要准备/拿到手的工具/条件/数据: 1.已离职人员名单(excel格式) 2.任意mongodb工具(笔者使用的是 ...

随机推荐

  1. 算法(Algorithms)第4版 练习 1.5.3

    id数组和treesize数组变化情况: 0 1 2 3 4 5 6 7 8 9 1 1 1 1 1 1 1 1 1 1 10 components 9 0 1 2 3 4 5 6 7 8 9 1 1 ...

  2. Javascript函数的参数arguments

    arguments Description 在所有的函数中有一个arguments对象,arguments对象指向函数的参数,arguments object is an Array-like obj ...

  3. Python基础-set集合操作

    set集合,是一个无序且不重复的元素集合.定义方式类似字典使用{}创建 目前我们学过的数据类型: 1.字符串(str),2.整型(int),3.浮点型(float),4,列表(list) 5.元组(t ...

  4. eslipse 修改tomcat server location 解决HTTP Status 404 – Not Found

    Eclipse中tomcat service设置选择window ----show view---services可以看到服务的面板双击tomcat进入配置界面Service Locations(Sp ...

  5. 【遍历二叉树】07恢复二叉搜索树【Recover Binary Search Tree】

    开一个指针数组,中序遍历这个二叉搜索树,将节点的指针依次保存在数组里, 然后寻找两处逆序的位置, 中序便利里BST得到的是升序序列 ++++++++++++++++++++++++++++++++++ ...

  6. Git 部署 Web 网站

    /*************************************************************************** * Git 部署 Web 网站 * 说明: * ...

  7. POJ3565 Ants 和 POJ2195 Going Home

    Ants Language:Default Ants Time Limit: 5000MS Memory Limit: 65536K Total Submissions: 7975 Accepted: ...

  8. 【Caffe】Ubuntu 安装 Caffe gpu版

    安装环境:Ubuntu 16.04lts 64位, gcc5.4 gpu1050ti,cuda8.0,cudnn5.1.10 1. 安装依赖库 sudo apt-get install libprot ...

  9. 安装ORACLE时在Linux上设置内核参数的含义

    前两天看到一篇Redhat官方的Oracle安装文档,对于Linux内核参数的修改描述的非常清晰. 安装Oracle之前,除了检查操作系统的硬件和软件是否满足安装需要之外,一个重点就是修改内核参数,其 ...

  10. 11g RAC OCR,VOTING DISK存储全部损坏,利用自动备份,恢复OCR,VOTING DISK到新存储。

    背景: 11g R2 rac 的orc ,voting disk asm存储磁盘全部损坏.通过调查得知 损坏的 OCR磁盘对应为 VOL1 ,voting disk磁盘对应于 VOL2 . 故,添加a ...