Heim > Artikel > Web-Frontend > So verwenden Sie das Randattribut
So verwenden Sie das Randattribut
- 青灯夜游Original
- 2019-02-01 13:15:5019786Durchsuche
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.
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>Rendering:
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!