Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Welche Attribute können zum Festlegen von Grenzen in CSS verwendet werden?

王林
Freigeben: 2023-01-03 09:25:15
Original
10369 Leute haben es durchsucht

Um den Rahmen in CSS festzulegen, können Sie das Attribut „border“, das Attribut „border-style“, das Attribut „border-width“, das Attribut „border-color“ usw. verwenden. Mit der Eigenschaft border können wir den Stil und die Farbe des Rahmens eines Elements festlegen.

Welche Attribute können zum Festlegen von Grenzen in CSS verwendet werden?

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Einführung in die Border-Eigenschaft:

Mit der CSS-Border-Eigenschaft können Sie den Stil und die Farbe des Rahmens eines Elements festlegen.

Häufig verwendete Attribute:

  • Border-Kurzschriftattribut, das zum Festlegen von Attributen für vier Seiten in einer Anweisung verwendet wird.

  • border-style wird verwendet, um den Stil aller Ränder eines Elements festzulegen oder den Rahmenstil für jede Seite einzeln festzulegen.

  • border-width Kurzschriftattribut, mit dem die Breite aller Ränder eines Elements oder die Breite jedes Rahmens einzeln festgelegt werden kann.

  • border-color Kurzschriftattribut, legen Sie die Farbe der sichtbaren Teile aller Ränder des Elements fest oder legen Sie die Farbe für jede der 4 Seiten fest.

Beispiel:

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

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

</html>
Nach dem Login kopieren

Laufendes Ergebnis:

Welche Attribute können zum Festlegen von Grenzen in CSS verwendet werden?

Empfohlenes Lernen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Attribute können zum Festlegen von Grenzen in CSS verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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