So fügen Sie in CSS Rahmen zu Text hinzu-Front-End-Fragen und Antworten-php.cn

So fügen Sie in CSS Rahmen zu Text hinzu

藏色散人

Freigeben： 2021-04-13 10:57:33

Original

11155 Leute haben es durchsucht

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.

So fügen Sie in CSS Rahmen zu Text 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

Nach dem Login kopieren

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>

Nach dem Login kopieren

Rendering:

So fügen Sie in CSS Rahmen zu Text hinzu

[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!