So legen Sie HTML5-Grenzen fest-Front-End-Fragen und Antworten-php.cn

So legen Sie HTML5-Grenzen fest

藏色散人

Freigeben： 2021-04-12 10:27:15

Original

2687 Leute haben es durchsucht

So legen Sie den HTML5-Rahmen fest: Erstellen Sie zunächst eine HTML-Beispieldatei und legen Sie dann ein Div mit einem Code wie „
“ 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:右边

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!