在一些模板中,我看到使用CSS创建的箭头,类似于这样:
div:after{
content:"\f107";
}
这段代码可以显示一个箭头,如下图所示:
这是什么代码?我在哪里可以找到更多的代码呢?
div:after{
content:"\f107";
}
这段代码可以显示一个箭头,如下图所示:
这是什么代码?我在哪里可以找到更多的代码呢?
content
属性可以在元素内嵌入虚拟内容,它与伪元素:before
或:after
一起使用,所以如果使用:before
,则内容将嵌入到前面。
content
CSS属性与::before
和::after
伪元素一起使用,在元素中生成内容。使用content
属性插入的对象是匿名替换元素。
Content属性可以包含任何字符, 数字, 实体。如果需要更多信息,您可以参考这篇文章。
此外,您还可以在这里获取一个方便的转换器。
content
属性生成的内容默认情况下是inline
的,并且这个内容会在元素内部渲染而不是外部。content
属性按其Unicode编号插入字符。CSS中有一个叫做content
的属性。它只能与伪元素:after
和:before
一起使用。它写起来像伪选择器(带冒号),但它被称为伪元素,因为它实际上并没有选择页面上存在的任何内容,而是向页面添加了新内容。
Font Awesome是一个网络字体,包含了Twitter Bootstrap框架中的所有图标,现在还包括更多其他图标。
你可以在这里找到FontAwesome
的列表:Font Awesome图标及其CSS内容值列表
你也可以通过这个链接FontAwesome示例,在那里你可以看到不同的图标以及如何对其应用不同的大小。
CSS Content 属性: content 属性与 :before 和 :after 伪元素一起使用,用于插入生成的内容。