CSS控制"标题前增加小图标或编号"

---题目前加图片---
p:before

{
 content:url(xxx/xx.png);
}//所有p的最前都有一个图标
p.a:after
{
 content:url(xxx/xx.png);
}//而含有类a的p最前和最后都有一个图标

<p>1</p>
<p>2</p>

<p>3</p>

<p>4</p>

<p class=‘a‘>5</p>

---题目前加标号---
p:before
{
content:‘第‘counter(nameJiShuQi,第二个参数为编号种类)‘章‘;
}
p
{
content-increment:nameJiShuQi;
}

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>

  

时间: 2024-10-09 06:50:14

CSS控制"标题前增加小图标或编号"的相关文章

如何给网页标题添加icon小图标

今天给大家分享的是如何在网页标题中加入小图标,就像CSDN前面那个红色的C一样.主要介绍两种方法:1.在html文件的head部分添加下面代码(注意href的路径).<link rel="icon" type="image/x-icon" href="icon.ico" /> 你的图标格式最好是.ico格式的,手贱试了一下,发现png,jpg的格式都可以,而且浏览器会自动帮你把图片尺寸缩放到16*16.不过.ico格式体积要小很多,另

给网页标题添加icon小图标

so easy: 给网页标题添加icon小图标: 直接在html文件的head部分添加下面代码(注意href的路径): <link rel="icon" type="image/x-icon" href="../static/images/brand.jpg" /> 原文地址:https://www.cnblogs.com/zkkysqs/p/9536886.html

html标题上加上小图标

一般网站标题上都会有小图标,后面跟上文字,实现代码如下: <link rel = "Shortcut Icon" href="images/nav_logo.ico"> 这样小图标就加上去了.

网站标题前的小logo

原因:每个浏览器访问服务器的时候会自动发送一个GET 请求,地址是:/favicon.ico 如果不处理,则只会在浏览器标题前添加一个文本类的图标  前提:有现有的图标favicon.ico,且按开发规范存放在'static/img/下 解决 Flask 框架: 添加一条为/favicon.ico的规则,返回current_app的send_static_file方法,参数为logo的在static下的路径,如: @index_blu.route('/favicon.ico')def get_w

li前的小图标居中对齐 获取滚动条的高度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" cont

CSS从大图片上截取小图标

一张图片,用CSS分割成多个小图标. css样式: .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-height:18px; display:inline-block;} .tu0101{background-position:-0px -0px;} .tu0201{background-position:-20px -0px;} .tu0301{background-position:-40px

两套Ext小图标(含CSS样式文件)--约2000个图标

在Ext项目开发中经常用到16X16 的小图标,今天为大家准备被了两套完美的图标和样式,各大概包含2000个图标. 下载地址:http://files.cnblogs.com/zhougaojun/Ext%E5%B0%8F%E5%9B%BE%E6%A0%87.zip 部分图标效果: (1)第一套图标样式 (2)第二套图标样式 两套Ext小图标(含CSS样式文件)--约2000个图标,布布扣,bubuko.com

给网页标题插入小图标

给网页标题添加小图标 我们经常浏览网页的时候会发现有点网页标题旁边会有一个小图标 类似于这样的--- 其实实现起来很简单 如下代码 <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title> <!-- 设置网页小图标 --><link rel="icon" href=&quo

列表前显示的小图标

列表信息展示有时候会在每行前使用小图标来美化,布局通常也会用到ul li: 1.如果是1张小图标 一般会用background属性来显示图标,background-image:url(); background-repeat: no-repeat; background-position:left center; 另外还可以使用list-style,该属性按顺序有3个值:list-style-type, list-style-position, list-style-image list-sty