Heim > Web-Frontend > CSS-Tutorial > So ändern Sie die Schriftgröße des td-Elements in der Tabelle mit CSS

So ändern Sie die Schriftgröße des td-Elements in der Tabelle mit CSS

WBOY
Freigeben: 2021-12-01 18:07:25
Original
10318 Leute haben es durchsucht

In CSS können Sie das Attribut „font-size“ verwenden, um die Schriftgröße des td-Elements in der Tabelle zu ändern. Die Funktion dieses Attributs besteht darin, die Schriftgröße des Elements festzulegen -size: Schriftgrößenwert; „Stil ist genug.“

So ändern Sie die Schriftgröße des td-Elements in der Tabelle mit CSS

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

So ändern Sie die Schriftgröße des td-Elements in der Tabelle in CSS

In CSS können Sie das Attribut „font-size“ verwenden, um die Größe des Tabellentextes festzulegen. Im folgenden Beispiel wird erläutert, wie Sie mit CSS die Schriftgröße in der Tabelle festlegen.

Das Beispiel sieht wie folgt aus:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie die Schriftgröße in der Tabelle mit CSS festlegen. Erstellen Sie ein Formular zum Testen. Setzen Sie das Klassenattribut des Tabellen-Tags auf „lone“.

So ändern Sie die Schriftgröße des td-Elements in der Tabelle mit CSS

2. Definieren Sie im CSS-Tag den Stil der Tabelle über die Klasse und definieren Sie ihre Breite als 250 Pixel. Verwenden Sie das Attribut „font-size“, um die Größe des Tabellentextes auf 30 Pixel festzulegen.

So ändern Sie die Schriftgröße des td-Elements in der Tabelle mit CSS

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

So ändern Sie die Schriftgröße des td-Elements in der Tabelle mit CSS

Zusammenfassung:

1. Erstellen Sie eine Tabelle und setzen Sie das Klassenattribut des Tabellen-Tags auf „lone“.

2. Definieren Sie im CSS-Tag den Stil der Tabelle über die Klasse und legen Sie ihre Breite auf 250 Pixel fest.

3. Verwenden Sie im CSS-Tag das Attribut „font-size“, um die Größe des Tabellentextes auf 30 Pixel festzulegen.

4. Öffnen Sie die Datei test.html im Browser, um den Effekt zu überprüfen.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftgröße des td-Elements in der Tabelle mit 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