So entfernen Sie den Div-Rahmen mit CSS-CSS-Tutorial-php.cn

So entfernen Sie den Div-Rahmen mit CSS

王林

Freigeben： 2023-01-06 11:14:33

Original

7999 Leute haben es durchsucht

Die Möglichkeit, den Div-Rahmen in CSS zu entfernen, besteht darin, dem Div das Attribut „border-style“ hinzuzufügen und den Attributwert auf „none“ zu setzen, z. B. [p.none {border-style:none;}] Der Attributwert „none“. bedeutet keine Grenze.

So entfernen Sie den Div-Rahmen mit CSS

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Wir können den Rand eines Divs über ein Attribut entfernen, nämlich das Attribut border-style. Dieses Attribut kann den Stil der vier Ränder eines Elements festlegen.

Beispiel:

border-style:dotted solid double dashed;

Nach dem Login kopieren

Der obere Rand ist gepunktet.
Der rechte Rand ist eine durchgezogene Linie.
Der untere Rand ist eine doppelte Linie
Gemeinsames Attribut Werte:
none definiert keine Grenzen.

hidden ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird.

dotted Gepunkteten Rand definieren. Wird in den meisten Browsern als durchgezogene Linie dargestellt.
dashed definiert die gestrichelte Linie. Wird in den meisten Browsern als durchgezogene Linie dargestellt.
solid Definiert eine durchgezogene Linie.
double definiert Doppellinien. Die Breite der Doppellinie entspricht dem Wert von border-width.
Codebeispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}
</style>
</head>

<body>
<p class="none">无边框。</p>
<p class="dotted">虚线边框。</p>
<p class="dashed">虚线边框。</p>
<p class="solid">实线边框。</p>
<p class="double">双边框。</p>
<p class="groove"> 凹槽边框。</p>
<p class="ridge">垄状边框。</p>
<p class="inset">嵌入边框。</p>
<p class="outset">外凸边框。</p>
<p class="hidden">隐藏边框。</p>
</body>

</html>

Nach dem Login kopieren

Werfen wir einen Blick auf den Laufeffekt:

Verwandte Videofreigabe:

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Div-Rahmen mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!