Heim > Web-Frontend > Front-End-Fragen und Antworten > So legen Sie Tabellenzeilen in CSS fest

So legen Sie Tabellenzeilen in CSS fest

藏色散人
Freigeben: 2023-01-05 16:07:30
Original
4330 Leute haben es durchsucht

So legen Sie die Tabellenzeile in CSS fest: Erstellen Sie zuerst eine neue HTML-Datei. Verwenden Sie dann das Tabellen-Tag, um eine Tabelle mit zwei Zeilen und zwei Spalten zu erstellen um die Tabellenzeile auf eine 1px rote Linie zu setzen.

So legen Sie Tabellenzeilen in CSS fest

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

Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie mit CSS die Farbe von Tabellenzeilen steuern.

So legen Sie Tabellenzeilen in CSS fest

Verwenden Sie in der Datei test.html das Tabellen-Tag, um zum Testen eine Tabelle mit zwei Zeilen und zwei Spalten zu erstellen.

So legen Sie Tabellenzeilen in CSS fest

Setzen Sie in der Datei test.html die ID der Tabellentabelle auf testbar, was hauptsächlich zum Festlegen des folgenden Stils verwendet wird.

So legen Sie Tabellenzeilen in CSS fest

Schreiben Sie in die Datei test.html das Tag , und der CSS-Stil der Seite wird in dieses Tag geschrieben.

So legen Sie Tabellenzeilen in CSS fest

Legen Sie im CSS-Tag den Stil des äußeren Tabellenrahmens und der Zelle über die ID fest und verwenden Sie das border-Attribut, um die Tabellenzeile auf eine 1 Pixel große rote Linie festzulegen.

So legen Sie Tabellenzeilen in CSS fest

Öffnen Sie die Datei test.html im Browser, um den Effekt zu sehen.

So legen Sie Tabellenzeilen in CSS fest

【Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie Tabellenzeilen in CSS fest. 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