Cara membuat suku bulatan dalam css

Cara membuat suku bulatan dalam CSS: 1. Gunakan atribut lebar dan tinggi untuk menetapkan lebar dan tinggi elemen menjadi sama 2. Gunakan atribut jejari sempadan untuk menetapkan nilai a sudut bulat elemen kepada nilai lebar dan tinggi Nilai bagi tiga sudut bulat yang lain ialah 0, dan sintaksnya ialah "jejari sempadan: nilai lebar atau tinggi 0 0 0;".

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

Dalam CSS, apabila membuat bulatan, atribut jejari sempadan terlintas di fikiran.

Atribut ini boleh menukar elemen segi empat sama dengan lebar dan tinggi yang sama kepada bulatan

p {
	width: 50px;
	height: 50px;
	background-color: #0000FF;
	border-radius: 50px;
}

<p></p>

Tetapi kadangkala kita tidak memerlukan bulatan penuh, hanya Perlu bahagian, menggunakan suku bulatan, bagaimana untuk melakukan ini?

Atau gunakan atribut jejari sempadan untuk menetapkan nilai satu sudut bulat elemen kepada nilai lebar atau tinggi dan nilai tiga sudut bulat yang lain kepada 0:

border-radius: 50px 0 0 0;

border-radius: 0 50px 0 0;

border-radius: 0 0 50px 0;

border-radius: 0 0 0 50px;

(Video pembelajaran perkongsian: tutorial video css)

Atas ialah kandungan terperinci Cara membuat suku bulatan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!