border-radius是一種CSS屬性,用于設(shè)置元素的邊框的圓角程度。其具體的用法如下:
- 設(shè)置一個(gè)值:可以為元素設(shè)置一個(gè)單一的圓角半徑,這個(gè)半徑將應(yīng)用于元素的四個(gè)角。例如:
div {
border-radius: 10px;
}
- 設(shè)置四個(gè)值:可以為元素的四個(gè)角分別設(shè)置不同的圓角半徑。例如:
div {
border-radius: 10px 20px 30px 40px;
}
上述順序是順時(shí)針方向,即首先設(shè)置左上角的圓角,然后是右上角的,接著是右下角的,最后是左下角的。
3. 省略部分值:如果只提供部分值,那么剩余的角將會使用默認(rèn)值(0)。值的分配順序是先左后右,先上后下。例如:
div {
border-radius: 10px 20px 30px; /* 左下角的圓角半徑是默認(rèn)值0 */
}
div {
border-radius: 10px 20px; /* 左上角和右下角的圓角半徑是默認(rèn)值0 */
}
以上就是border-radius的基本用法,通過靈活運(yùn)用這個(gè)屬性,可以創(chuàng)建出各種具有圓角效果的元素。文章來源:http://www.zghlxwxcb.cn/news/detail-691593.html
@漏刻有時(shí)文章來源地址http://www.zghlxwxcb.cn/news/detail-691593.html
到了這里,關(guān)于CSS中border-radius的來美化table的實(shí)戰(zhàn)方案的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!