CSS-列表属性篇

列表相关的属性,可以作用在 ul、ol、li 元素上

  • 属性名:list-style-type
  • 功能:设置列表符号
  • 常用值如下:
    1.none:不显示前面的标识(很常用!)
    2.square:实心方块
    3.disc:圆形
    4.decimal:数字
    5.lower-roman:小写罗马字
    6.upper-roman:大写罗马字
    7.lower-alpha:小写字母
    8.upper-alpha:大写字母

  • 属性名:list-style-position
  • 功能:设置列表符号的位置
    1.inside:在 li 的里面
    2.outside:在 li的外边

属性名:list-style-image

功能:自定义列表符号 url(图片地址)
list-style-image: url(./test.jpg);


属性名:list-style

功能:复合属性 没有数量、顺序的要求(可将以上几个属性都混写在里面

相关推荐
文心快码BaiduComate10 小时前
从个人效能到组织资产:文心快码企业版Agent Hub上线,提升团队AI编程效能
前端·后端·程序员
咖啡星人k10 小时前
从需求到交付:我用MonkeyCode的AI Agent完成了一个React数据看板
前端·人工智能·react.js·monkeycode
sxlishaobin10 小时前
linux 自动清除日志 脚本
linux·服务器·前端
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_37:(从文档流到粘性定位的底层原理)
前端·javascript·css·ui·html
胡图图不糊涂^_^10 小时前
测试用例篇——设计测试用例的方法
笔记·学习·测试用例·判定表法·正交法生成用例测试·等价类·边界值
IccBoY11 小时前
NVM超详细全解教程:解决Node版本冲突(Win/Mac/Linux安装+使用+踩坑合集)
前端·node.js
wuhen_n11 小时前
前端工程师进阶提示词工程实战
前端·langchain·ai编程
GISer_Jing11 小时前
Claude Code MCP Server 集成全解析
前端·人工智能·ai·架构
蚰蜒螟11 小时前
走进 Linux 内核:从 touch 命令到磁盘 inode 的完整旅程
java·linux·前端
因_崔斯汀11 小时前
用 AI 编程助手从零生成 3D 智慧校园数据大屏 —— Claude Code 实战全记录
前端