如何利用HTML5和CSS3设置有序列表前的符号

 时间:2024-10-11 20:14:53

1、第一步,打开HBuilder软件,新建静态页面oldecimal.html,然后在<水瑞侮瑜body></body>内插入有序列表元素,如下图所示:

如何利用HTML5和CSS3设置有序列表前的符号如何利用HTML5和CSS3设置有序列表前的符号

2、第二步,预览该静态页面,发现有序列表项前显示数字和小圆点,如下图所示:

如何利用HTML5和CSS3设置有序列表前的符号

3、第三步,为ol元素设置样式,在<style></style>添加如下代码:list-style-type: decimal; 预览之后发现有序列表项前符号不变,如下图所示:

如何利用HTML5和CSS3设置有序列表前的符号

4、第四步,再次修改list-style-type属性值为lower-roman,如下图所示:

如何利用HTML5和CSS3设置有序列表前的符号

5、第五步,预览该静态页面,在浏览器中查看效果,发现有序列表前的符号为小写罗马数字符号,如下图所示:

如何利用HTML5和CSS3设置有序列表前的符号

6、第六步,再次修改list-style-type属性为upper-roman,再次预览该静态页面,发现小写罗马数字改为大写罗马数字,如下图所示:

如何利用HTML5和CSS3设置有序列表前的符号
  • 宏观经济中 lm曲线中m-b是什么
  • html如何引入外部css样式
  • 在PS中如何在渐变叠加中反向选择渐变
  • 如何使用PyCharm更改图片颜色?
  • html中怎么用CSS固定一个div模块位置不变
  • 热门搜索
    酸菜鱼的做法视频 红焖羊肉的做法 糖醋排骨怎么做 冬阴功汤的做法 鸡柳的做法 弁怎么读 马兰头的做法 驾驶证丢了怎么补办 qq看点怎么关闭 芹菜包子馅做法大全