當(dāng)前位置:首頁(yè) >> 開(kāi)發(fā)技術(shù) >> 正文
CSS3 border-radius簡(jiǎn)單介紹
2024-03-12
來(lái)源
: 網(wǎng)絡(luò) 作者
: tybj
CSS3 border-radius - 指定每個(gè)圓角,如果你在 border-radius 屬性中只指定一個(gè)值,那么將生成 4 個(gè) 圓角。但是,如果你要在四個(gè)角上一一指定,可以使用以下規(guī)則:
四個(gè)值: 第一個(gè)值為左上角,第二個(gè)值為右上角,第三個(gè)值為右下角,第四個(gè)值為左下角。
三個(gè)值: 第一個(gè)值為左上角, 第二個(gè)值為右上角和左下角,第三個(gè)值為右下角。
兩個(gè)值: 第一個(gè)值為左上角與右下角,第二個(gè)值為右上角與左下角。
一個(gè)值: 四個(gè)圓角值相同。