Heim > Artikel > Web-Frontend > So legen Sie Grenzen in HTML fest
So legen Sie Grenzen in HTML fest
- 藏色散人Original
- 2021-04-01 11:11:2380961Durchsuche
So legen Sie den Rahmen in HTML fest: 1. Legen Sie die Rahmenbreite über das Attribut „border-width“ fest. 2. Legen Sie den Rahmenstil über das Attribut „border-style“ fest. 3. Legen Sie die Rahmenfarbe über das Attribut „border“ fest -color“-Attribut.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, DELL G3-Computer oben, rechts, unten und links (die Reihenfolge ist sehr wichtig)
Es gibt drei Werte: 1.border-width: Rahmenbreite, Standard 3 Pixel, kann manuell eingestellt werden, übernehmen Sie den Pixelwert
2.border- Stil: Rahmenstil, erforderlich. Wünschenswert: einfarbig (durchgezogener Rand), gestrichelt (gestrichelter Rand), gepunktet (gepunkteter Rand), doppelt (doppelter Rand)
3.Rahmenfarbe: Rahmenfarbe, nehmen Sie den Farbwert, der Standardwert ist Schwarz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style media="screen">
h1{
width:300px;
height:150px;
}
.c1{
/*边框宽度与颜色有默认值，样式必须设置*/
border:solid;
}
.c2{
border:5px solid red;
}
.c3{
border:5px dashed green;
}
.c4{
border:5px dotted blue;
}
.c5{
border:5px double orange;
}
</style>
</head>
<body>
<h1 class="c1"></h1>
<h1 class="c2"></h1>
<h1 class="c3"></h1>
<h1 class="c4"></h1>
<h1 class="c5"></h1>
</body>
</html>Der Effekt ist wie folgt :
Empfohlenes Lernen: „
HTML-Video-Tutorial
“ „CSS-Video-Tutorial
“
Das obige ist der detaillierte Inhalt vonSo legen Sie Grenzen in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!