HTML_CSS学习:列表相关属性

一、列表相关属性

相关代码:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表相关属性</title>
    <style>
        ul{
            /*列表符号*/
            /*list-style-type: decimal;*/
            /*list-style-type: upper-roman;*/
            /*list-style-type: lower-roman;*/
            /*list-style-type: square;*/
            /*list-style-type: none;*/
            /*列表符号的位置*/
            /*list-style-position: inside;*/
            /*list-style-position: outside;*/
            /*自定义列表符号*/
            /*list-style-image: url("../pictures/HONOR.png");*/
            /*复合属性*/
            list-style: decimal inside url("../pictures/heihei.png");
        }
        li{
            background-color: #999ff0;
        }
    </style>
</head>
<body>
    <ul>
        <li>《震惊!两男子竟然在教室做出这种事》</li>
        <li>《一夜暴富指南》</li>
        <li>《给成功男人的五条建议》</li>
    </ul>

</body>
</html>

显示结果:

相关推荐
Waay2 小时前
面试口述版:个人对 Prometheus 完整理解
运维·学习·云原生·面试·职场和发展·kubernetes·prometheus
AI行业学习2 小时前
Notepad++ 官方下载 + 完整安装 + 全套优化配置(2026最新)
开发语言·人工智能·python·前端框架·html·notepad++
一楼的猫4 小时前
AI写作合规技术方案:平台检测机制分析与规避策略
人工智能·学习·机器学习·ai写作
四月天435 小时前
web安全-SSTI(服务器模板注入)
笔记·学习·web安全·网络安全
网络与设备以及操作系统学习使用者6 小时前
相对论核心原理详解
学习·深度优先
吃好睡好便好9 小时前
泰戈尔的诗歌7
学习·生活
-To be number.wan9 小时前
数据库系统 | 规范化理论
数据库·学习
星夜夏空9910 小时前
C++学习(2) —— 类与对象基础
开发语言·c++·学习
-To be number.wan10 小时前
数据库系统 | 数据库安全与完整性
数据库·学习
czysoft11 小时前
se被限速
科技·学习·it·技术·魔法·先进·领先