网页设计编号列表嵌套图像列表,怎么做才能达到图中的效果

编号列表、嵌套列表与图像列表新手一枚,望各位指教。图一的效果就行... 编号列表、嵌套列表与图像列表新手一枚,望各位指教。
图一的效果就行
展开
 我来答
贴了一粑粑
2017-06-07 · TA获得超过1078个赞
知道小有建树答主
回答量:275
采纳率:62%
帮助的人:169万
展开全部
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
ol{list-style:upper-alpha; }
ul{font-size:30px; list-style-type:square; list-style-image:url(此处填写你的图片路径);}
</style>
</head>
<body>
<ol>
<li>有序列表项1</li>
<li><span class="">有序列表项2</span>
<ul>
<li>嵌套图像列表1</li>
<li>嵌套图像列表2</li>
<li>嵌套图像列表3</li>
</ul>
</li>
<li>有序列表项3</li>
</ol>
</body>
</html>

关键在于list-style-image这个属性,设置前面那个小图标的路径就行了。不过这样子设置文字前面的图标,图标并不会居中显示,一般用background-image比较多。

博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式