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>
