点击这里给我发消息 点击这里给我发消息

HTML 5与CSS 3权威指南:在项目编号中追加文字

添加时间:2013-12-6
    相关阅读: HTML CSS 项目
 

20.3.2   在项目编号中追加文字

可以在插入的项目编号中加入文字,使项目编号变成类似"第1章"之类的带文字的编号。

针对代码清单20-6,只要将before选择器中的代码修改为如下所示的代码就可以了。

  h1:before{

  content: '第'counter(mycounter)'章';

  }

将代码清单20-6中before选择器中的代码用上面这段代码进行替代,然后重新运行该示例,运行结果如图20-8所示

图20-8   在项目编号中追加文字的示例

 

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册