Heim > Artikel > Web-Frontend > So fügen Sie vier Seiten eines Rahmen-CSS hinzu
So fügen Sie vier Seiten eines Rahmen-CSS hinzu
- 藏色散人Original
- 2021-01-05 10:34:414467Durchsuche
So legen Sie die vier Seiten des Rahmens in CSS fest: 1. Verwenden Sie das Attribut „border-bottom“, um den unteren Rand festzulegen. 2. Verwenden Sie das Attribut „border-left“, um den linken Rand festzulegen um den rechten Rand festzulegen; 4. Verwenden Sie das Attribut border-top, um den oberen Rand festzulegen.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.
Verwandte Empfehlungen: „CSS-Video-Tutorial“
Wie füge ich vier Seiten eines Rahmen-CSS hinzu?
1. Verwenden Sie das Rahmenattribut, um die Stile von vier Rahmen gleichzeitig festzulegen.
Rahmen: Legen Sie alle Rahmenattribute in einer Anweisung fest.
Einstellbare Rahmenattribute:
border-width: Geben Sie die Rahmenbreite an
border-style: Geben Sie den Rahmenstil an
border-color: Geben Sie die Rahmenfarbe an
Beispiel: Legen Sie vier Rahmenstile fest
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p
{
border:5px solid red;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>Rendering:
2. Verwenden Sie border-bottom, border-left, border-right und border-top, um die Stile der vier Ränder festzulegen.
border-bottom: Legen Sie alle unteren Randattribute in einer Anweisung fest.
border-left: Legt alle Eigenschaften des linken Randes in einer Anweisung fest.
border-right: Legen Sie alle rechten Randeigenschaften in einer Anweisung fest.
border-top: Legen Sie alle Eigenschaften des oberen Randes in einer Anweisung fest.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p
{
border-bottom:thick dotted #ff0000;
border-left:thick solid #ff0000;
border-top:thick dashed #ff0000;
border-right:thick double #ff0000;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>Rendering:
Das obige ist der detaillierte Inhalt vonSo fügen Sie vier Seiten eines Rahmen-CSS hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!