CSS 中加上文字可以通过两种方式:使用 content 属性或者在 HTML 元素中直接加上文字。
使用 content 属性
在 CSS 中,通过添加 content 属性来添加文字。这种方法主要用于添加伪元素中的内容。
例如,要在一个元素的 ::after 伪元素中添加文字,可以这样写:
p::after {
content: "Hello World";
}
在这个例子中,我们在 p 元素的 ::after 伪元素中添加了 "Hello World" 这段文字。
如果要在伪元素中添加多行文字,可以使用 A 来换行:
p::after {
content: "Hello WorldA How are you?";
}
这样就会在 ::after 伪元素中添加 "Hello World" 和 "How are you?" 两行文字。
在 HTML 元素中加上文字
在 CSS 中,我们也可以直接在 HTML 元素中添加文字。这种方法适用于设置元素的文本内容。
例如,要在一个 p 元素中添加文字,可以这样写:
<p>Hello World</p>
在这个例子中,我们在 p 元素中添加了 "Hello World" 这段文字。
另外,我们还可以通过 CSS 中的 ::before 伪元素来在元素的开头添加文字:
p::before {
content: "Title: ";
}
这样就会在 p 元素的开头添加 "Title: " 这段文字。
综上所述,CSS 中添加文字可以通过 content 属性或者直接在 HTML 元素中添加文字来实现。这两种方法都非常简单易懂,根据需要选择即可。
文章说明:
本文原创发布于探乎站长论坛,未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。