Rumah > hujung hadapan web > tutorial css > Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?

Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?

WBOY
Lepaskan: 2021-12-08 18:13:21
asal
2498 orang telah melayarinya

Dalam CSS, nilai atribut sudut bulat boleh dinyatakan sebagai peratusan; atribut "jejari sempadan" ialah atribut yang digunakan untuk menetapkan sudut bulat elemen dalam CSS apabila nilai atribut dinyatakan dalam peratusan , ia akan ditakrifkan dalam peratusan Bentuk sudut bulat, sintaksnya ialah "jejari sempadan: nilai%;".

Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?

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

Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?

Dalam css, gunakan atribut "jejari sempadan" untuk menetapkan bulatan gaya sudut elemen, dengan nilai atribut mempunyai dua kaedah perwakilan:

Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?

Apabila menggunakan peratusan untuk mewakili atribut sudut bulat, bentuk sudut bulat akan ditakrifkan dalam peratusan, seperti yang ditunjukkan dalam contoh berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css制作椭圆</title>
<style>
.ellipse{
width: 200px;
height: 100px;
background-color: red;
border-radius:50%;
}
</style>
</head>
<body>
<div class="ellipse"></div>
</body>
</html>
Salin selepas log masuk

Hasil output:

Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?

(Mempelajari perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
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