Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie die Rahmenbreite in CSS fest

青灯夜游
Freigeben: 2023-01-05 16:10:26
Original
11652 Leute haben es durchsucht

In CSS können Sie das Attribut „border-width“ verwenden, um die Breite des Rahmens festzulegen. Das Syntaxformat lautet „border-width: keyword | value with length unit;“; mittel (mittlerer Rand), dick (grober Rand).

So legen Sie die Rahmenbreite in CSS fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

css legt die Breite des Rahmens fest

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.one 
{
	border-style:solid;
	border-width:5px;
}
p.two 
{
	border-style:solid;
	border-width:medium;
}
p.three
{
	border-style:solid;
	border-width:thick;
}
</style>
</head>

<body>
<p class="one">一些文本。</p>
<p class="two">一些文本。</p>
<p class="three">一些文本。</p>
</body>

</html>
Nach dem Login kopieren

Rendering:

So legen Sie die Rahmenbreite in CSS fest

Anweisungen:

Das Attribut „border-width“ funktioniert nicht, wenn es alleine verwendet wird. Sie müssen zuerst den „border-style“ verwenden. Attribut, um den Rahmen festzulegen.

css border-width-Eigenschaft

border-width-Eigenschaft legt die Breite der vier Ränder eines Elements fest.

Eigenschaftswert:

Beispiel:
border-width:thin medium thick 10px;
Nach dem Login kopieren
Wert Beschreibung
thin Definieren Sie einen dünnen Rand.
mittelStandard. Definieren Sie einen mittleren Rand.
dick Definieren Sie dicke Ränder. Mit
Länge können Sie die Breite des Randes anpassen. Das Attribut „border-width“ kann einen bis vier Werte haben.

Der obere Rand ist ein dünner Rand

  • Der rechte Rand ist ein mittlerer Rand

  • Der untere Rand ist ein dicker Rand

  • Der linke Rand ist 10 Pixel breit

  • border-width:thin medium thick;
    Nach dem Login kopieren
  • Der obere Rand ist ein dünner Rand.
    • Der rechte Rand und der linke Rand sind mittlere Ränder.

    • Der untere Rand ist ein dicker Rand sind dünne Ränder. Der rechte und der linke Rand sind mittlere Ränder

    Das obige ist der detaillierte Inhalt vonSo legen Sie die Rahmenbreite in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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