So fügen Sie in CSS Rahmen zu Text hinzu

藏色散人
Freigeben: 2021-04-13 10:57:33
Original
11208 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!

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