Heim > Web-Frontend > CSS-Tutorial > Wie viele Arten von CSS-Rahmenstilen gibt es?

Wie viele Arten von CSS-Rahmenstilen gibt es?

藏色散人
Freigeben: 2018-12-01 15:49:15
Original
4694 Leute haben es durchsucht

Verschiedene Rahmenstile können die Benutzeroberfläche unserer Webseiten bereichern und die Benutzererfahrung verbessern. CSS-Rahmenstile. Zu den gängigen Rahmenstilen gehören durchgezogene Linien, gepunktete Linien, doppelte Linien, gepunktete Linien usw.

Wie viele Arten von CSS-Rahmenstilen gibt es?

Nachfolgend geben wir Ihnen anhand einfacher Codebeispiele eine Zusammenfassung einiger gängiger Rahmenstile!

Der Code lautet wie folgt:

<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
    <title></title>
    <style type="text/css">
        h1{width: 500px;}
        h1.abc {border-style: none;}
        h1.dotted {border-style: dotted;}
        h1.dashed {border-style: dashed;}
        h1.solid {border-style: solid;}
        h1.double {border-style: double;}
        h1.groove {border-style: groove;}
        h1.ridge {border-style: ridge;}
        h1.inset {border-style: inset;}
        h1.outset {border-style: outset;}
        h1.hidden {border-style: hidden;}
    </style>

</head>
<body>
<h1 class="none">无边框</h1>
<h1 class="dotted">点状边框</h1>
<h1 class="dashed">虚线边框</h1>
<h1 class="solid">实线边框</h1>
<h1 class="double">双线边框</h1>
<h1 class="groove">3D 凹槽边框</h1>
<h1 class="ridge">3D 垄状边框</h1>
<h1 class="inset">3D inset 边框</h1>
<h1 class="outset">3D outset 边框</h1>
<h1 class="hidden">隐藏边框</h1>
</body>
</html>
Nach dem Login kopieren

Der Rahmenstil lautet wie folgt:

Wie viele Arten von CSS-Rahmenstilen gibt es?

Wie viele Arten von CSS-Rahmenstilen gibt es?

Das border-style-Attribut wird verwendet, um den Stil für alle Ränder eines Elements festzulegen, oder um den Rahmenstil für jede Seite einzeln festzulegen.

Hinweis: Der Rahmen wird möglicherweise nur angezeigt, wenn dieser Wert nicht „Keine“ ist.

Dieser Artikel ist eine Zusammenfassung der CSS-Rahmenstile. Ich hoffe, dass er Freunden in Not hilfreich sein wird!

Das obige ist der detaillierte Inhalt vonWie viele Arten von CSS-Rahmenstilen gibt es?. 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