Heim >Web-Frontend >Front-End-Fragen und Antworten >So fügen Sie in CSS Rahmen zu Text hinzu
So fügen Sie in CSS Rahmen zu Text hinzu
- 藏色散人Original
- 2021-04-13 10:57:3311240Durchsuche
So fügen Sie mit CSS Rahmen zu Texten hinzu: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie dann den Textinhalt im Textkörper und fügen Sie schließlich Rahmen zum Text durch den Stil „Rand: mittelfest rot“ hinzu.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Css fügt dem Text Rahmen hinzu:
CSS kann das Layout von Elementpositionen in Webseiten pixelgenau steuern, unterstützt nahezu alle Schriftgrößenstile und bietet die Möglichkeit, Webseitenobjekte und Modellstile zu bearbeiten.
Sehen wir uns an, wie man mithilfe von CSS Rahmen zu Text hinzufügt:
CSS kann über das Border-Attribut Ränder zu Text hinzufügen. Das
border-Abkürzungsattribut legt alle Randattribute in einer Anweisung fest.
Sie können die folgenden Attribute der Reihe nach festlegen:
border-width border-style border-color
Attributwert:
border-width gibt die Breite des Rahmens an.
border-style gibt den Stil des Rahmens an.
border-color gibt die Farbe des Rahmens an.
inherit gibt an, dass die Einstellung der Rahmeneigenschaft vom übergeordneten Element geerbt werden soll.
Beispiel:
<html>
<head>
<style type="text/css">
p
{
border: medium solid red
}
</style>
</head>
<body>
<p>文字边框</p>
</body>
</html>Rendering:
[Empfohlenes Lernen: css-Video-Tutorial]
Das obige ist der detaillierte Inhalt vonSo fügen Sie in CSS Rahmen zu Text hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!