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>
相关推荐
无羡仙28 分钟前
从零构建 Vue 弹窗组件
前端·vue.js
源心锁2 小时前
👋 手搓 gzip 实现的文件分块压缩上传
前端·javascript
源心锁2 小时前
丧心病狂!在浏览器全天候记录用户行为排障
前端·架构
GIS之路2 小时前
GDAL 实现投影转换
前端
phltxy2 小时前
从零入门JavaScript:基础语法全解析
开发语言·javascript
烛阴2 小时前
从“无”到“有”:手动实现一个 3D 渲染循环全过程
前端·webgl·three.js
BD_Marathon3 小时前
SpringBoot——辅助功能之切换web服务器
服务器·前端·spring boot
Kagol3 小时前
JavaScript 中的 sort 排序问题
前端·javascript
eason_fan3 小时前
Service Worker 缓存请求:前端性能优化的进阶利器
前端·性能优化
光影少年3 小时前
rn如何和原生进行通信,是单线程还是多线程,通信方式都有哪些
前端·react native·react.js·taro