Rumah > Artikel > hujung hadapan web > Apakah kegunaan kandungan dalam css3
Apakah kegunaan kandungan dalam css3
- WBOYasal
- 2021-12-29 16:33:212033semak imbas
Dalam CSS3, atribut kandungan digunakan bersama-sama dengan elemen pseudo ":before" dan ":after" untuk memasukkan kandungan sebelum dan selepas elemen tersebut ialah "elemen:before{content:". kandungan yang disisipkan" ;}" dan "Elemen:selepas{content:"Kandungan yang disisipkan";}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Apakah penggunaan kandungan dalam css3?
Atribut kandungan digunakan dengan :before dan :after pseudo-elements untuk memasukkan kandungan .
Sintaksnya adalah seperti berikut:
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
Antaranya:
Contohnya seperti berikut:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
p:before {
content:"好好学习，";
}
</style>
</head>
<body>
<p>天天向上</p>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah kegunaan kandungan dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!