Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar sempadan atas dalam css

Bagaimana untuk mengalih keluar sempadan atas dalam css

青灯夜游asal: 2021-11-09 16:32:124787semak imbas

Cara mengalih keluar sempadan atas dalam css: 1. Gunakan pernyataan "border-top:none;" untuk mengalih keluarnya; daripada sempadan atas kepada telus; , gunakan pernyataan "border-top:0;" untuk menetapkan lebar sempadan sempadan atas kepada 0.

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

Apabila kami menggunakan atribut sempadan untuk menetapkan sempadan, kami akan menetapkan sempadan atas, bawah, kiri dan kanan serentak:

<!DOCTYPE html>
<html>
	<head>
		<style>
			div{
				height: 50px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

Bagaimana untuk mengalih keluar sempadan atas dalam css

Kadang-kadang, kita Tidak perlu untuk sempadan atas, jadi bagaimana untuk membuangnya? Anda boleh menggunakan atribut atas sempadan.

Kaedah 1:

div{
	height: 50px;
	border: 1px solid red;
	border-top:none;
}

Bagaimana untuk mengalih keluar sempadan atas dalam css

Kaedah 2:

div{
	height: 50px;
	border: 1px solid red;
	border-top:transparent;
}

Bagaimana untuk mengalih keluar sempadan atas dalam css

Kaedah 3:

div{
	height: 50px;
	border: 1px solid red;
	border-top:0;
}

Bagaimana untuk mengalih keluar sempadan atas dalam css

(Mempelajari perkongsian video: video css Tutorial)

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar sempadan atas dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 border

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk menetapkan penuding tetikus css kepada gaya imejArtikel seterusnya：Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej

Artikel berkaitan

Lihat lagi