Bolehkah saya mengawal paparan garis putus-putus dalam css?-Soal Jawab bahagian hadapan-php.cn

Bolehkah saya mengawal paparan garis putus-putus dalam css?

青灯夜游

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

asal

2338 orang telah melayarinya

Paparan garis putus-putus boleh dikawal dalam css. Dalam CSS, anda boleh menggunakan atribut gaya sempadan untuk menetapkan gaya sempadan putus-putus sempadan elemen Apabila nilai "disempang", anda boleh menentukan gaya sempadan bertitik.

Bolehkah saya mengawal paparan garis putus-putus dalam css?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Anda boleh mengawal paparan garis putus-putus dalam css, hanya gunakan atribut gaya sempadan.

Atribut gaya sempadan digunakan untuk menetapkan gaya sempadan elemen Apabila nilai "terputus-putus", gaya sempadan putus-putus boleh ditakrifkan.

<!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>

Salin selepas log masuk

Bolehkah saya mengawal paparan garis putus-putus dalam css?

Nilai yang boleh ditetapkan oleh atribut gaya sempadan

值	描述
none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。

Penerangan:

sempadan Atribut -style ialah atribut singkatan yang boleh menetapkan gaya empat sempadan elemen Jika anda ingin menetapkan gaya sempadan secara berasingan, anda boleh melaksanakan:

atribut gaya sempadan atas : Gaya sempadan atas
atribut gaya bawah sempadan: Gaya sempadan bawah
sempadan- atribut gaya kiri: Gaya sempadan kiri
atribut gaya sempadan kanan: gaya sempadan kanan

<!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>

Salin selepas log masuk

Bolehkah saya mengawal paparan garis putus-putus dalam css?

(Belajar perkongsian video:

bahagian hadapan web)

Atas ialah kandungan terperinci Bolehkah saya mengawal paparan garis putus-putus dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!