网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

如何利用HTML5和CSS3设置间隔缩进图片列表

时间:2024-10-27 07:26:19

1、第一步,双击打开HBuilder开发工具,创建Web项目,在指定的目录新建静态页面,并修改title显示的内容,如下图所示:

如何利用HTML5和CSS3设置间隔缩进图片列表

3、第三步,预览该静态页面,在浏览器中查看页面效果,发现无序列表显示效果,如下图所示:

如何利用HTML5和CSS3设置间隔缩进图片列表

5、第五步,再次设计ul li奇偶项样式属性ul li:nth-child(even){ list-style-type: none; list-style-image: url(../img/five.png); font-size: 18px; } ul li:nth-child(odd){ list-style-type: none; list-style-image: url(../img/up.png); font-size: 18px; }如下图所示:

如何利用HTML5和CSS3设置间隔缩进图片列表
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com