99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

小編給大家分享一下css控制圖片隨意圓角樣式，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

寶興網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)自2013年起到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

1、css圖片左邊變成圓角

代碼示例：

效果如下圖：

2、css圖片居中且css圖片圖片圓角邊框顯示

代碼示例：

效果如下圖：

其中涉及到的重要的屬性就是border-radius；通過這個屬性就可以來實現(xiàn)圖片的圓角化。

border-radius的屬性的作用具體分別如下：

border-radius：2em，表示4個角都為圓角，且每個圓角的半徑都為2em。

可以設(shè)置兩個值，如border-radius:2em2em；第1個值表示左上圓角和右下圓角，第2個值表示右上圓角和左下圓角。

設(shè)置3個值，如border-radius：2em 2em 2em；第1個值表示左上圓角，第2個值表示右上和左下圓角，第3個值表示右下圓角。

設(shè)置4個值，如border-radius：2em 2em 2em2em；4個值分別表示左上、右上、右下、左下。

也可以將4個角拆分成4個單獨的屬性來設(shè)置，如左上圓角（border-top-left-radius）、右上（border-top-right-radius）、右下（border-bottom-right-radius）和左下圓角（border-bottom-left-radius）。

看完了這篇文章，相信你對css控制圖片隨意圓角樣式有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站題目：css控制圖片隨意圓角樣式
網(wǎng)址分享：http://ef60e0e.cn/article/jgjhij.html