Bagaimana untuk menetapkan ketelusan div dalam html

青灯夜游
Lepaskan: 2021-12-13 15:28:59
asal
18761 orang telah melayarinya

Cara untuk menetapkan ketelusan div dalam HTML: 1. Menggunakan atribut kelegapan, anda hanya perlu menambah "opacity: transparency value;" pada elemen div. 2. Menggunakan atribut penapis, anda hanya perlu untuk menambah "penapis" pada elemen div :opacity (nilai ketelusan);" gaya.

Bagaimana untuk menetapkan ketelusan div dalam html

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

html tetapkan ketelusan div

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.box1{
				width: 300px;
				height: 200px;
				background-color: yellow;
			}
			.box2{
				width: 100px;
				height: 100px;
				background-color: green;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			<div class="box2"></div>
		</div>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menetapkan ketelusan div dalam html

Gunakan kelegapan tetapan atribut , lebih kecil nilai ketelusan, lebih telus ia. 2. Menggunakan , lebih kecil nilai ketelusan, lebih telus ia.

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	opacity: 0.8;
}
Salin selepas log masuk

Bagaimana untuk menetapkan ketelusan div dalam html

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	opacity: 0.5;
}
Salin selepas log masuk

Bagaimana untuk menetapkan ketelusan div dalam html

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	opacity: 0.2;
}
Salin selepas log masuk

Tutorial yang disyorkan: "Bagaimana untuk menetapkan ketelusan div dalam htmltutorial video html

"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan ketelusan div dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan