Heim > Web-Frontend > CSS-Tutorial > So verwenden Sie das Randattribut

So verwenden Sie das Randattribut

青灯夜游
Freigeben: 2021-04-21 14:55:00
Original
19909 Leute haben es durchsucht

So verwenden Sie das Randattribut: Erstellen Sie zunächst eine HTML-Beispieldatei. Geben Sie dann den Randstil ein, indem Sie „border:2px solid red;“ festlegen.

So verwenden Sie das Randattribut

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

Das Randattribut ist ein Kurzattribut von CSS und wird zum Festlegen aller Randattribute verwendet. Zu den einstellbaren Rahmeneigenschaften gehören: Rahmenbreite, Rahmenstil und Rahmenfarbe.

CSS-Rahmeneigenschaft

Funktion: Alle Rahmeneigenschaften in einer Anweisung festlegen.

Hinweis: Die folgenden Attribute können der Reihe nach festgelegt werden: Rahmenbreite, Rahmenstil, Rahmenfarbe. Wenn Sie keinen der Werte festlegen, gibt es kein Problem. Beispielsweise ist auch border:solid #ff0000;

Hinweis: IE7 und frühere Browser unterstützen den Wert „inherit“ nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt „erben“.

Verwendungsbeispiel der CSS-Rahmeneigenschaft

<html>
<head>
<style type="text/css">
p 
{
  width: 450px;
  margin: 50px 0px;
}
.p1 
{
border: medium double rgb(250,0,255)
}
.p2 
{
border:2px solid red;
}
.p3 
{
border:2px dotted rgb(250,0,255);
}
</style>
</head>
<body>
<p class="p1">Some text</p>
<p class="p2">Some text</p>
<p class="p3">Some text</p>
</body>
</html>
Nach dem Login kopieren

Rendering:

So verwenden Sie das Randattribut
Das war’s für diesen Artikel Der gesamte Inhalt des Artikels soll für das Studium aller hilfreich sein. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorial-Kolumnen auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Randattribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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