有些新闻网内容前面需要内容,比如小点,比如数字,这是LI中的一个属性,虽然很简单,但比较实用也比较重要。如果知道的可以无视,不知道的,看一下。有个印象。

比如:……

语法:

list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

这些语法就是定义LI前面小点的样式所用到的,当然,前面使用小图标,效果更是千变万化,具体的实施,就是个人的爱好了

view plaincopy to clipboardprint?

语法:

list-style-image : none | url ( url )

取值:

none  :  默认值。不指定图像

url ( url )  :  使用绝对或相对 url 地址指定图像

语法:

list-style-position : outside | inside

取值:

outside  :  默认值。列表项目标记放置在文本以外,且环绕文本不根据标记对齐

inside  :  列表项目标记放置在文本以内,且环绕文本根据标记对齐

语法:

list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值:

disc  :  CSS1  默认值。实心圆

circle  :  CSS1  空心圆

square  :  CSS1  实心方块

decimal  :  CSS1  阿拉伯数字

lower-roman  :  CSS1  小写罗马数字

upper-roman  :  CSS1  大写罗马数字

lower-alpha  :  CSS1  小写英文字母

upper-alpha  :  CSS1  大写英文字母

none  :  CSS1  不使用项目符号

armenianl  :  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  未支持。大写拉丁字母

html怎么改变li前面的点,CSS定义li前面的小点样式相关推荐

  1. CSS定义li前小点( · )的样式

    语法:   list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | ...

  2. css 鼠标滑过li变背景图,CSS定义鼠标滑过变换背景的导航菜单

    我们经常看到的网站基本上都有导航菜单,有的网站看上去非常酷,鼠标一移动到上面自动改变颜色,这样的导航有两种方法可以实现:一种是鼠标经过图像,一种是CSS定义. 鼠标经过图像是把菜单做成两张文字相同但颜 ...

  3. 1:ul居中文 2:字居中 3:去除ul和li前面的点

    一.ul居中 1:给ul设置样式:然后ul设置为display:inline-block 2:给父节点设置样式:text-align:center 二.文字居中 设置line-height与标签hei ...

  4. li相关整理:如何改变li前面点的颜色和如何去掉li的点

    1.如何改变li前面点的颜色 li {content: ".";color: rgb(245, 29, 29);} 2.在标签li后面加入"@"符号,这里都会使 ...

  5. HTML+CSS修改li前小圆点的样式or颜色

    HTML+CSS修改li前小圆点的样式or颜色 修改样式 有参考样式的图片情况: 将原有的小圆点删除后再添加 修改颜色 代码 修改样式 有两种方法比较方便的方法 有参考样式的图片情况: 可以使用图像处 ...

  6. html怎样去掉li前面的小圆圈,css怎么去掉li前的默认点?

    有时候写导航li前面带个黑色的点,很烦人,如何去掉li前面的默认点?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css怎么去掉li前的默认点? 给li ...

  7. CSS 去掉li前的小圆点

    无序列表 ul li 去掉li前的小圆点 语法: list-style:none;

  8. web前端面试题-css方面

    web前端面试题-css 1. display: none; 与 visibility: hidden; 的区别 2 link 与 @import 的区别 3 display,float,positi ...

  9. css删除li 圆点_六种设计难题的CSS实用技巧!

    前言 最近在恶补css的知识,看到<css揭秘>一书,如获至宝.下面节选一部分笔记. 一.扩大按钮的点击范围 对于哪些较小的.难以瞄准的控件来说,如果不能把它的视觉尺寸直接放大,将其可点击 ...

最新文章

  1. 51CTO-风哥-ORACLE学习计划(持续更新中)
  2. 广度优先搜索(BreadthFirstSearch) 迪克斯特拉算法 (Dijkstra's algorithm)
  3. python安装包_在python官网打不开的情况下获取获取官方最新安装包
  4. 最简洁的js鼠标拖曳效果【原】
  5. Lua 的table遍历 【转】
  6. html5中点击后不发生变化_魔道祖师中资深粉一看就明白的梗,路人见到后都反应不过来...
  7. Tensorflow笔记:神经网络优化
  8. C# 委托和事件高级进阶
  9. 笔记本电脑如何连接手机热点_如解决Mac连接手机热点出错问题 ?
  10. Java——用户激活邮件工具类
  11. JML 规格设计分析
  12. PyMuPDF 拼版(二)
  13. 2018年中国网络游戏行业市场前景研究报告
  14. 原神梦里花花种在哪种
  15. 大数据就业前景如何?马云曾经说过大数据是未来顶峰时代应验了
  16. Pytorch:NLP 迁移学习、NLP中的标准数据集、NLP中的常用预训练模型、加载和使用预训练模型、huggingface的transfomers微调脚本文件
  17. 作也 努力努力在努力
  18. 送书 | 聊聊逆向爬取数据
  19. 计算机辅助设计在环境工程中的应用,试论计算机辅助设计在环境工程中的应用原稿(全文完整版)...
  20. python动态爬取知乎_Python新手爬虫:爬取搜狗图片(动态)

热门文章

  1. 略谈基本计数原理和排列组合
  2. OPC是什么意思?OPC Server 和OPC Client又有什么区别呢?
  3. 【金融风控-贷款违约预测】数据挖掘学习:5.模型融合
  4. 密码学系列之九:密钥管理
  5. sharemouse切窗口就锁定了什么原因_使各大网课软件监控功能和锁定功能“失效”...
  6. Mac如何固定桌面排序
  7. 变频器VF模式和矢量模式的区别
  8. 维嘉科技IPO被终止:年营收8亿 邱四军控制61%股权
  9. 使用echarts的3D地图中的map3D与scatter3D混合使用时出现坐标位移的情况
  10. image图片大小调整和方向调整(UIImageOrientation)