《HTML 5与CSS 3 权威指南(第4版·下册)》 —17.3.4 指定编号的种类

举报
华章计算机 发表于 2019/11/21 22:50:45 2019/11/21
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·下册)》一书中第17章,第17.3.4节,作者是陆凌牛。

17.3.4 指定编号的种类

用before选择器或after选择器的content属性,不仅可以追加数字编号,还可以追加字母编号或罗马数字编号。使用如下所示的方法指定编号种类。

content:counter(计数器名,编号种类)

可以使用list-style-type属性的值来指定编号的种类,list-style-type为指定列表编号时所用的属性。例如,指定大写字母编号时,使用“upper-alpha”属性,指定大写罗马字母时,使用“upper-roman”属性。

将代码清单17-6中before选择器中的代码修改成如下所示的代码,然后重新运行该示例,运行结果如图17-10所示。

h1:before{

    content: counter(mycounter,upper-alpha)'.';

    color:blue;

    font-size:42px;

}

            image.png

      图17-9 指定编号的样式示例   图17-10 指定编号的种类示例


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。