Heim > Web-Frontend > CSS-Tutorial > Einführung in das Festlegen der Div-Hintergrundfarbe mithilfe von CSS

Einführung in das Festlegen der Div-Hintergrundfarbe mithilfe von CSS

高洛峰
Freigeben: 2017-03-14 16:11:54
Original
2059 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode zum Festlegen der p-Hintergrundfarbe mit CSS vorgestellt.

1 Legen Sie die Hintergrundfarbe direkt im p-Tag fest.

Der Code ist wie folgt:

<p style="background:#000; color:#FFF">背景为黑色</p>
Nach dem Login kopieren

Setzen Sie die Hintergrundfarbe im p-Tag auf Schwarz und die Schriftfarbe auf Weiß

Einführung in das Festlegen der Div-Hintergrundfarbe mithilfe von CSS

Setzen Sie die Hintergrundfarbe im p-Tag-Screenshot

Übergeben Sie das p-Tag Set style, um die Hintergrundfarbe und andere CSS-Stile festzulegen.

2. Legen Sie die p-Hintergrundfarbe mit externem CSS fest

Hier ist ein ObjektCSS mit dem Namen „.pcss5“, legen Sie die p-Objekt-Hintergrundfarbe fest, indem Sie einen externen Selektor erstellen

CSS-Code:

Der Code lautet wie folgt:

.pcss5{ background:#F00; color:#FFF}
Nach dem Login kopieren

HTML-Quellcode:

Der Code lautet wie folgt:

<p class="pcss5">背景色为红色</p>
Nach dem Login kopieren

Screenshot des Effekts:

Einführung in das Festlegen der Div-Hintergrundfarbe mithilfe von CSS

Screenshot der externen CSS-Einstellung p Hintergrundfarbe

Das obige ist der detaillierte Inhalt vonEinführung in das Festlegen der Div-Hintergrundfarbe mithilfe von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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