CSS列表属性

css 复制代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表相关属性</title>
    <style>
        ul{
            /* 设置列表符合 none无 */
            list-style-type: none;
            /* 设置列表符合的位置,inside在li里面 */
            list-style-position: inside;
            background-color: blanchedalmond;
            list-style-image: url(../imags/video.gif);
        }
    </style>
</head>
<body>
    <div>
        <ul>
            <li> 如何提升工作效率:10个实用技巧</li>
            <li> 探索未知:未来科技的五大趋势</li>
            <li> 健康生活的秘诀:从饮食到运动的全面指南  </li>
        </ul>
    </div>
</body>
</html>
相关推荐
环信20 小时前
2026年开发者选择即时通讯厂商应注意的几点
前端
卷帘依旧20 小时前
Generator 全面解析 + async/await 深度对比
前端·javascript
weixin_4713830321 小时前
统一缩放单位基础(px、em、rem)
开发语言·javascript·ecmascript
yqcoder21 小时前
数据劫持的双雄:深入解析 Object.defineProperty 与 Proxy
开发语言·前端·javascript
lichenyang45321 小时前
鸿蒙聊天 Demo 练习 03:接入 Next.js 后端接口,实现真机前后端联调
前端
小三金21 小时前
EXPO+RN echarts图表库,以及如何使用
前端·javascript·react.js
ZFSS21 小时前
Midjourney Shorten API 的集成与使用
java·前端·数据库·人工智能·ai·midjourney·ai编程
Pu_Nine_91 天前
IntersectionObserver 详解:封装 Vue 指令实现图片懒加载
前端·javascript·vue.js·性能优化
清灵xmf1 天前
Web 和 Native 是怎么“对话“的?JSBridge 解答
前端·webview·native·jsbridge·hybrid
jiayong231 天前
前端面试题库 - ES6+新特性篇
前端·面试·es6