Heim > Web-Frontend > CSS-Tutorial > Was ist die Verwendung von before in CSS?

Was ist die Verwendung von before in CSS?

醉折花枝作酒筹
Freigeben: 2023-01-05 16:11:15
Original
14724 Leute haben es durchsucht

In CSS dient die Verwendung von before dazu, neuen Inhalt vor dem Elementinhalt einzufügen. Sie müssen nur „element:before{attribute:attribute value;}“ für das Element festlegen. Der „:before“-Selektor muss das Inhaltsattribut verwenden, um den einzufügenden Inhalt anzugeben.

Was ist die Verwendung von before in CSS?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Definition und Verwendung

: Der Vorselektor fügt Inhalte vor dem Inhalt des ausgewählten Elements ein.

Bitte verwenden Sie das Inhaltsattribut, um den einzufügenden Inhalt anzugeben.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<style>
p:before
{
content:"台词:";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
</head>

<body>

<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>

</body>
</html>
Nach dem Login kopieren

Laufergebnis:

Was ist die Verwendung von before in CSS?

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von before in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage