在CSS中,可以使用border-radius
屬性給邊框加一個角,這個屬性可以設(shè)置一個元素四個角的圓角程度,如果你想要一個左上角是圓角的邊框,可以只給border-top-left-radius
設(shè)置一個值:
div { border: 1px solid #000; border-top-left-radius: 10px; }
這樣,div
元素的左上角就會有一個10px的圓角,如果你想要其他角也是圓角,可以依次設(shè)置其他角的radius
屬性,設(shè)置右上角為圓角:
div { border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px; }
這樣,div
元素的左上角和右上角都會有一個10px的圓角,如果你想要所有角都是圓角,可以簡寫為:
div { border: 1px solid #000; border-radius: 10px; }
這樣,div
元素的所有角都會有一個10px的圓角,注意,border-radius
屬性的值可以是像素、百分比等長度單位。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。