CSS是一種用于網(wǎng)站頁面設(shè)計樣式的語言,可以用來設(shè)置網(wǎng)頁里的各種元素的樣式,如字體、顏色、背景等,而其中一個非常常用的屬性就是border-radius,它用來設(shè)置元素的圓角大小。
我們可以借助border-radius屬性,將圖片設(shè)置成幾何圖形(圓形、橢圓形等),使它們更顯著,更加突出。
下面這段代碼展示了如何使用border-radius屬性來控制一個圖片的圓角:
img { border-radius: 50%; }
以上代碼將一個圖片設(shè)置成了一個圓形(半徑大小為50%)。
我們也可以將圖片設(shè)置成一個橢圓形,如下所示:
img { border-radius: 50% / 25%; }
以上代碼將一個圖片設(shè)置成了一個長軸為50%,短軸為25%的橢圓形。
在使用border-radius屬性時,可以試試不同的數(shù)值,以達(dá)到最好的效果。一個好的圓角效果可以極大的提高圖片的視覺吸引力。
上一篇css給img加顏色
下一篇css給li加邊框加陰影