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

Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?

WBOYasal: 2021-12-08 18:13:212432semak imbas

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%;".

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>

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!

html5 css css3 border

Kenyataan：

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

Artikel sebelumnya：Bagaimana untuk menetapkan elemen untuk mengklik untuk berhenti apabila ia berputar 360 darjah dalam css3Artikel seterusnya：Bagaimana untuk menetapkan elemen untuk mengklik untuk berhenti apabila ia berputar 360 darjah dalam css3

Artikel berkaitan

Lihat lagi