Bagaimana untuk menetapkan ketelusan div dalam html-html tutorial-php.cn

Bagaimana untuk menetapkan ketelusan div dalam html

青灯夜游

Lepaskan： 2021-12-13 15:28:59

asal

18737 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 html tutorial 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!