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>

显示结果:

相关推荐
●VON7 小时前
CANN推理引擎:从云端到边缘的极致加速与部署实战
学习·react native
笔画人生7 小时前
深度解析 CANN 项目:以 `ops-transformer` 为例探索高性能 AI 算子库
学习·开源
AI视觉网奇7 小时前
3d数字人 ue blender 绑定衣服对齐 2026
学习·ue5
Nan_Shu_6147 小时前
学习: Blender 基础篇
学习·blender
奶茶精Gaaa8 小时前
工具分享--json在线转换工具
学习
wdfk_prog8 小时前
[Linux]学习笔记系列 -- [drivers][I2C]I2C
linux·笔记·学习
盐焗西兰花9 小时前
鸿蒙学习实战之路-Reader Kit自定义字体最佳实践
学习·华为·harmonyos
觉醒大王9 小时前
哪些文章会被我拒稿?
论文阅读·笔记·深度学习·考研·自然语言处理·html·学习方法
RFCEO9 小时前
前端编程 课程十六、:CSS 盒子模型
css·前端基础课程·css盒子模型·css盒子模型的组成·精准控制元素的大小和位置·css布局的基石·内边距(padding)
近津薪荼9 小时前
dfs专题5——(二叉搜索树中第 K 小的元素)
c++·学习·算法·深度优先