CSS中的半徑代碼是一種非常有用的工具,可以為例如邊框、圓角等元素添加特殊效果,讓網頁看起來更加美觀。其中最常用的半徑代碼就是border-radius。
.example { border-radius: 10px; }
這個代碼將會把指定元素四個角的弧度設置為10像素。如果想要給指定角單獨設置大小,可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius。
.example { border-top-left-radius: 5px; border-bottom-right-radius: 7px; }
以上代碼將會把指定元素左上角的弧度設置為5像素,右下角的弧度設置為7像素。
除此之外,還有一個有趣的用法,就是可以使用百分比值來設置圓角的大小。
.example { border-radius: 50%; }
這個代碼將會把指定元素四個角的弧度設置為元素的一半大小,從而將元素變成一個圓形。
總的來說,CSS的半徑代碼可以讓我們非常輕松地為頁面元素添加各種有趣的特效,讓網頁看起來更加生動、美觀。