Membengkokkan Bahagian Bawah DIV Ke Dalam dengan CSS
Untuk mencapai kesan bawah melengkung seperti yang digambarkan, satu teknik melibatkan penggunaan jejari sempadan dengan nilai tertentu. Begini cara untuk melaksanakannya:
.curved {
margin: 0 auto;
height: 400px;
background: lightblue;
border-radius: 0 0 200px 200px;
}Kod ini mencipta DIV segi empat tepat dengan tepi bawah bulat, seperti yang ditunjukkan:
Keluk Lutsinar
Sebagai alternatif, kecerunan jejari boleh digunakan untuk mencipta kelunturan lengkung:
body {
background: pink;
}
.container {
margin: 0 auto;
width: 500px;
height: 200px;
background: radial-gradient(110% 50% at bottom, transparent 50%, lightblue 51%);
}Pendekatan ini menghasilkan bentuk biru separa lutsinar dengan bahagian bawah melengkung.
Atas ialah kandungan terperinci Bagaimana untuk Mencipta Bawah Melengkung untuk DIV Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
