css中borderradius不起作用的解決方法

發(fā)布時間：2020-12-09 11:27:09 來源：億速云閱讀：6825 作者：小新欄目：web開發(fā)

小編給大家分享一下css中borderradius不起作用的解決方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

css borderradius不起作用的解決辦法：1、設(shè)置“border:none;”去掉邊框；2、設(shè)置“border-radius:40px;”屬性；3、使用“box-shadow: 0px 0px 5px #ccc”設(shè)置邊框。

使用border-radius無效，能看到背景還是方形的，邊框變成圓角了的解決方案

解決方案：

1、設(shè)置border：none; 去掉邊框；

2、設(shè)置border-radius:40px; 若遇到瀏覽器兼容的問題，可加上兼容的css代碼；

3、最后，使用box-shadow: 0px 0px 5px #ccc; 利用該特性設(shè)置邊框。

以上是“css中borderradius不起作用的解決方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

猜你喜歡