Heim  >  Artikel  >  Web-Frontend  >  So legen Sie HTML5-Grenzen fest

So legen Sie HTML5-Grenzen fest

藏色散人
藏色散人Original
2021-04-12 10:26:512608Durchsuche
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.

So legen Sie HTML5-Grenzen 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!

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