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>
相关推荐
_r0bin_27 分钟前
前端面试准备-7
开发语言·前端·javascript·fetch·跨域·class
IT瘾君28 分钟前
JavaWeb:前端工程化-Vue
前端·javascript·vue.js
zhang988000028 分钟前
JavaScript 核心原理深度解析-不停留于表面的VUE等的使用!
开发语言·javascript·vue.js
potender30 分钟前
前端框架Vue
前端·vue.js·前端框架
站在风口的猪11081 小时前
《前端面试题:CSS预处理器(Sass、Less等)》
前端·css·html·less·css3·sass·html5
程序员的世界你不懂1 小时前
(9)-Fiddler抓包-Fiddler如何设置捕获Https会话
前端·https·fiddler
MoFe12 小时前
【.net core】天地图坐标转换为高德地图坐标(WGS84 坐标转 GCJ02 坐标)
java·前端·.netcore
去旅行、在路上2 小时前
chrome使用手机调试触屏web
前端·chrome
Hygge-star2 小时前
【Flask】:轻量级Python Web框架详解
css·flask·html·学习方法·web app
Aphasia3113 小时前
模式验证库——zod
前端·react.js