Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So passen Sie den Wortabstand in einer CSS-Tabelle an

WBOY
Freigeben: 2021-12-03 11:52:55
Original
2833 Leute haben es durchsucht

In CSS können Sie das Attribut „letter-spacing“ verwenden, um den Wortabstand der Tabelle festzulegen. Die Funktion dieses Attributs besteht darin, den Abstand zwischen den Zeichen zu vergrößern oder zu verkleinern. Sie müssen nur den „letter-spacing“ hinzufügen. „spacing value;“-Stil zum Tabellenelement hinzufügen. Das ist Can.

So passen Sie den Wortabstand in einer CSS-Tabelle an

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

So passen Sie den Wortabstand von Tabellen in CSS an

In CSS können Sie das Attribut „letter-spacing“ verwenden, um den Wortabstand von Tabellen anzupassen Wortabstand.

Sehen wir uns ein Beispiel an, um zu sehen, wie man den Wortabstand in Tabellen anpasst. Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<style>
table{
letter-spacing:10px;
}
</style>
<table border="1">
  <tr>
    <th>好好学习</th>
    <th>天天向上</th>
  </tr>
  <tr>
    <td>福如东海</td>
    <td>寿比南山</td>
  </tr>
</table>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So passen Sie den Wortabstand in einer CSS-Tabelle an

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo passen Sie den Wortabstand in einer CSS-Tabelle an. 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