在HTML頁面中,我們常常會需要用到按鈕,但有時候默認的按鈕形狀可能不夠美觀,需要使用CSS來進行樣式設置。其中,設置按鈕的圓角就是比較常見的一種樣式設置。
要設置按鈕的圓角,我們需要使用CSS中的border-radius屬性。該屬性可以設置四個值,分別對應四個角的圓角半徑。如果設置兩個值,則第一個值對應左上和右下角,第二個值對應右上和左下角。
舉個例子,如果我們想要一個圓角半徑為10px的按鈕,可以這樣設置:
button { border-radius: 10px; }
如果要設置不同的圓角半徑,可以這樣設置:
button { border-radius: 10px 5px 0 15px; }
以上代碼分別對應左上、右上、右下、左下四個角,也就是分別設置了10px、5px、0和15px的圓角半徑。
使用border-radius屬性可以很方便地對按鈕進行樣式設置,讓網頁更加美觀。