Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan bayang di sebelah kanan dan bawah sempadan dalam css
Bagaimana untuk menetapkan bayang di sebelah kanan dan bawah sempadan dalam css
- WBOYasal
- 2021-12-06 13:44:248900semak imbas
Dalam CSS, anda boleh menggunakan atribut "box-shadow" untuk menetapkan bayang di sebelah kanan dan bawah sempadan elemen Fungsi atribut ini adalah untuk menetapkan gaya bayang sempadan elemen. Sintaks ialah "elemen {box-shadow: to Right shadow value down shadow value blur spread color ;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan bayang di sebelah kanan dan bawah sempadan dalam css
Dalam css, anda boleh menggunakan atribut box-shadow untuk menetapkan bayang-bayang di sebelah kanan dan bawah Bayang sempadan, fungsi atribut bayang-kotak adalah untuk menetapkan satu atau lebih sempadan bayang lungsur untuk elemen tersebut. Format sintaksnya adalah seperti berikut:
box-shadow: h-shadow v-shadow blur spread color inset;
Nilai atribut mewakili yang berikut:
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
div{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 50px 20px 10px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Hasil output:
(Mempelajari perkongsian video: tutorial video css )
Atas ialah kandungan terperinci Bagaimana untuk menetapkan bayang di sebelah kanan dan bawah sempadan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Artikel berkaitan
Lihat lagi- Bagaimana untuk membuat fon condong dalam css
- Bagaimana untuk membuat elemen li dipaparkan secara mendatar dalam css
- Bagaimana untuk mengalih keluar bahagian tertentu sempadan elemen dalam css
- Bagaimana untuk menulis hanya satu sisi sudut bulat dalam css
- Bagaimana untuk melukis separuh bulatan kanan dalam css