Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan ketelusan div dalam html
Bagaimana untuk menetapkan ketelusan div dalam html
- 青灯夜游asal
- 2021-12-13 15:28:5918743semak imbas
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.
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>
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;
}
.box2{
width: 100px;
height: 100px;
background-color: green;
opacity: 0.5;
}
.box2{
width: 100px;
height: 100px;
background-color: green;
opacity: 0.2;
}Tutorial yang disyorkan: "
Atas ialah kandungan terperinci Bagaimana untuk menetapkan ketelusan div dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!