Heim > Artikel > Web-Frontend > So legen Sie HTML5-Grenzen fest
So legen Sie HTML5-Grenzen fest
- 藏色散人Original
- 2021-04-12 10:26:512613Durchsuche
So legen Sie den HTML5-Rahmen fest: Erstellen Sie zunächst eine HTML-Beispieldatei und legen Sie dann ein Div mit einem Code wie „3c395d7febb2ac971833ed5ea4c77c4f16b28748ea4df4d9c2150843fecfba68“ fest.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
HTML5-Randeinstellungen (Rand)
Randstil:
durchgezogene durchgezogene Linie gepunktete gepunktete Linie gestrichelte gepunktete Linie doppelte Doppellinie mit dreidimensionalem Einschubeffekt
Der Rand besteht aus 3 Elementen, die Verwendung ist border-top:10px Soild Red;
border-top:上边 border-bottom:下边 border-left:左边 border-right:右边
Beispiel:
CSS zeichnet ein Dreieck,
CSS2 führt den Randfarbwert transparent ein. Dieser Wert wird verwendet, um einen unsichtbaren Rahmen mit Breite zu erstellen. Sehen Sie sich bitte das folgende Beispiel an:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>透明边框</title>
<style>
body{
background:#333300;
}
#a{
width:0px;
height:0px;
border-top:30px solid red;
border-bottom:30px solid transparent;
border-left:30px solid transparent;
border-right:30px solid transparent;
}
</style>
</head>
<body>
<div id=a></div>
</body>
</html>Der Vorteil des Festlegens eines transparenten Randes besteht darin, dass der Rand nach dem Festlegen des transparenten Randes nicht sichtbar ist, wenn der Hintergrund der Seite nicht weiß ist. Die normale Methode besteht darin, die Randfarbe festzulegen Wenn der Hintergrund nicht weiß ist, sondern eine andere Farbe aufweist, können Sie einen weißen Bereich sehen.
【Empfohlenes Lernen: HTML-Video-Tutorial】
Das obige ist der detaillierte Inhalt vonSo legen Sie HTML5-Grenzen fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!