Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie die Zeilenhöhe von CSS-Text fest

coldplay.xixi
Freigeben: 2021-03-25 17:57:10
Original
9385 Leute haben es durchsucht

So legen Sie die Zeilenhöhe von CSS-Text fest: Erstellen Sie zuerst eine neue Datei und verwenden Sie das div-Tag, um eine Textzeile zu erstellen. Schreiben Sie dann den Stil und setzen Sie das Klassenattribut des div-Tags auf mybkkd und niedrigere Zeilenhöhe des Textes durch das Klassenattribut mybkkd des div-Tags.

So legen Sie die Zeilenhöhe von CSS-Text fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So legen Sie die Zeilenhöhe von CSS-Text fest:

1. Wir erstellen eine neue HTML-Webseitendatei und nennen sie test.html. Als nächstes erklären wir, wie CSS die Zeilenhöhe festlegt des oberen und unteren Textes.

So legen Sie die Zeilenhöhe von CSS-Text fest

2. Verwenden Sie in der Datei test.html das div-Tag, um eine Textzeile zu erstellen, und schreiben Sie „So legen Sie die obere und untere Zeilenhöhe des Texts in CSS fest“ in den Textinhalt.

So legen Sie die Zeilenhöhe von CSS-Text fest

3. Fügen Sie dem div-Tag einen Stil hinzu und setzen Sie das Klassenattribut des div-Tags auf mybkkd.

So legen Sie die Zeilenhöhe von CSS-Text fest

4. Schreiben Sie den CSS-Stil <style type="text/css"></style>, und der mybkkd-Stil wird in den Tag geschrieben. <style type="text/css"></style>标签,mybkkd样式将写在该标签内。

So legen Sie die Zeilenhöhe von CSS-Text fest

5、在css标签内,通过div标签的class属性mybkkd设置文字上下的行高。

So legen Sie die Zeilenhöhe von CSS-Text fest

6、在css样式标签里,在括号内,mybkkd的div设置css属性样式为line-height:30px;

So legen Sie die Zeilenhöhe von CSS-Text fest.

So legen Sie die Zeilenhöhe von CSS-Text fest5 . Legen Sie im CSS-Tag die obere und untere Zeilenhöhe des Textes über das Klassenattribut mybkkd des div-Tags fest.

So legen Sie die Zeilenhöhe von CSS-Text fest

6 . Setzen Sie im CSS-Stil-Tag in den Klammern den CSS-Attributstil des div von mybkkd auf line-height:30px;. Durchsuchen Sie test.html im Browser Sehen Sie, ob der Effekt erzielt werden kann. So legen Sie die Zeilenhöhe von CSS-Text fest

Empfohlene verwandte Tutorials:

CSS-Video-Tutorial
🎜🎜

Das obige ist der detaillierte Inhalt vonSo legen Sie die Zeilenhöhe von CSS-Text 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