CSS是一種用于控制網頁外觀的語言,它可以讓頁面變得更加美觀和易于閱讀。其中一個常用的功能就是將邊框變成圓角,這樣可以讓頁面看起來更加柔和。在CSS中,我們可以使用border-radius屬性來實現這個效果。
/* 將具有5px圓角的邊框應用于id為box的元素 */ #box { border-radius: 5px; border: 1px solid black; padding: 10px; }
在上面的代碼中,我們首先使用id選擇器選擇具有id“box”的元素。然后,我們使用border-radius屬性指定它的邊框圓角大小為5px。我們還為元素定義了一個1像素黑色邊框和10像素內邊距,以使其在頁面中有一定的間隔。
通過使用這個CSS規則,我們可以將id為“box”的元素的邊框變成圓角,使其看起來更加柔和和優美。
上一篇css小動畫代碼
下一篇html5純css登陸