如何使用CSS3属性控制无序列表文字显示与背景

2024-10-14 19:47:05

1、第一步,双击打开HBuilderX工具,新建Web项目并创建静态页面,如下图所示:

如何使用CSS3属性控制无序列表文字显示与背景

3、第三步,利用元素选择器设置无序列表每项前面的标志,然后使用CSS3伪类选择器设置子项文字内容划线,如下图所示:

如何使用CSS3属性控制无序列表文字显示与背景

5、第五步,最后再使用伪类选择器控制最后两项的样式,倒数第一个使用nth-last-child,如下图所示:

如何使用CSS3属性控制无序列表文字显示与背景
猜你喜欢