Heim >Web-Frontend >CSS-Tutorial >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:414613Durchsuche

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.

So fügen Sie vier Seiten eines Rahmen-CSS hinzu

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:

So fügen Sie vier Seiten eines Rahmen-CSS hinzu

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:

So fügen Sie vier Seiten eines Rahmen-CSS hinzu

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!

Stellungnahme:
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