Kann ich die Anzeige gepunkteter Linien in CSS steuern?-Front-End-Fragen und Antworten-php.cn

Kann ich die Anzeige gepunkteter Linien in CSS steuern?

青灯夜游

Freigeben： 2022-09-14 14:16:29

Original

2319 Leute haben es durchsucht

Sie können die Anzeige gepunkteter Linien in CSS steuern. In CSS können Sie das Attribut „border-style“ verwenden, um den gestrichelten Rahmenstil festzulegen. Sie müssen dem Element nur den Stil „border-style:dashed;“ hinzufügen Elementrahmen. Wenn der Wert „gestrichelt“ ist, können Sie den gepunkteten Rahmenstil definieren.

Kann ich die Anzeige gepunkteter Linien in CSS steuern?

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

Sie können die Anzeige gepunkteter Linien in CSS steuern, indem Sie einfach das Attribut „border-style“ verwenden. Das Attribut „border-style“ wird verwendet, um den Stil des Elementrahmens festzulegen. Wenn der Wert „dashed“ ist, kann der Stil des gestrichelten Rahmens definiert werden.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			p.dashed {
				border-style: dashed
			}
			
			p.solid {
				border-style: solid
			}
		</style>
	</head>

	<body>

		<p class="dashed">这是虚线边框样式！</p>

		<p class="solid">这是实线边框样式！</p>

	</body>

</html>

Nach dem Login kopieren

Kann ich die Anzeige gepunkteter Linien in CSS steuern? Der Wert, auf den das Attribut „Rahmenstil“ gesetzt werden kann.

Wert Beschreibung none definiert keinen Rahmen. hidden ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird. gepunktetDefinieren Sie gepunktete Ränder. Wird in den meisten Browsern als durchgezogene Linie dargestellt. dashed definiert die gestrichelte Linie. Wird in den meisten Browsern als durchgezogene Linie dargestellt. solid definiert eine durchgezogene Linie. double definiert Doppellinien. Die Breite der Doppellinie entspricht dem Wert von border-width. Groove 3D-Rillenrand definieren. Der Effekt hängt vom Wert von border-color ab. GratDefinieren Sie den 3D-Gratrand. Der Effekt hängt vom Wert von border-color ab. EinfügungDefinieren Sie den 3D-Einfügungsrand. Der Effekt hängt vom Wert von border-color ab. AnfangDefinieren Sie den 3D-Anfangsrand. Der Effekt hängt vom Wert von border-color ab. inherit gibt an, dass der Rahmenstil vom übergeordneten Element geerbt werden soll. Erläuterung: Das Attribut

border-style ist ein Kurzattribut, das den Stil der vier Ränder eines Elements festlegen kann. Wenn Sie den Stil eines Rahmens separat festlegen möchten, können Sie Folgendes implementieren:

border-top-style-Attribut: oberer Randstil

border-bottom-style-Attribut: unterer Randstil
border-left-style-Attribut: linker Randstil
border-right-style-Attribut: rechter Randstil

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			p.dashed {
				border-top-style: dashed;
				border-bottom-style: dashed
			}
			
			p.solid {
				border-left-style: solid;
				border-right-style: solid;
			}
		</style>
	</head>

	<body>

		<p class="dashed">这是虚线边框样式！</p>

		<p class="solid">这是实线边框样式！</p>

	</body>

</html>

Nach dem Login kopieren

(Lernvideo-Sharing: Kann ich die Anzeige gepunkteter Linien in CSS steuern? Web-Frontend

)

Das obige ist der detaillierte Inhalt vonKann ich die Anzeige gepunkteter Linien in CSS steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!