小程式如何為圖片加圓角

小程式如何為圖片加圓角

#與CSS一樣，小程式中的圓角可以透過border-radius 來設定。

為圖片設定圓角邊框，只需加上如下樣式即可：

image{
    border-radius: 5px;
    overflow: hidden;
}

不同的是，在小程式中想要設定僅其中某個圓角，而其它為直角，則需要使用border-bottom-left-radius， border-top-left-radius， border-bottom-left-radius， border-top-left-radius單獨設定。

使用類似CSS中的直接在border-radius屬性中寫四個值，如： border-radius: 5px,0px,0px,5px; 則沒有效果

#PHP中文網，大量免費小程式開發教學，歡迎學習！

以上是小程式如何為圖片加圓角的詳細內容。更多資訊請關注PHP中文網其他相關文章！