這兩個都是處理圓角效果的，但不是w3標準的。
w3標準的是border-radius，
-webkit-border-radius 是為了兼容 chrome 或 safari，
-moz-border-radius 是為了兼容火狐，
而現在火狐支持標準的border-radius，所以-moz-border-radius 是個無用的屬性。

總結：

瀏覽器最核心最重要的部分是“Rendering Engine”，可以為“渲染引擎”，我們習慣稱之為“瀏覽器內核”。它負責對網頁語法的解釋并渲染網頁，因此，通常所謂的瀏覽器內核也就是瀏覽器所采用的渲染引擎，渲染引擎決定了瀏覽器如何顯示網頁內容以及頁面的格式信息。不同的瀏覽器內核對網頁編寫語法的解釋也不同，因此同一網頁在不同內核的瀏覽器里的渲染效果也不同，這也是網頁編寫者需要在不同內核的瀏覽器中測試網頁顯示效果的原因。

內核分類：

Trident ： IE內核?
Gecko：Firefox內核，Netscape內核?
Presto：Oprea前內核（現已廢棄，改用Blink內核）?
Webkit：Safari內核，Chrome內核原型?
Blink：Chrome（28及以后版本）/Opera（15及以后版本）

一些國內瀏覽器他們的內核?
搜狗瀏覽器：兼容模式（IE：Trident）和高速模式（webkit）?
傲游瀏覽器：兼容模式（IE：Trident）和高速模式（webkit）?
QQ瀏覽器：普通模式（IE：Trident）和極速模式（webkit）?
360極速瀏覽器：基于谷歌（Chromium）和IE內核?
360安全瀏覽器：IE內核

不同內核瀏覽器需在CSS3中添加的私有前綴

由于存在多種內核，所以在編寫頁面的CSS3代碼中，部分需要添加前綴的屬性要對應添加私有前綴，也將其稱之為瀏覽器的私有前綴：?
Trident內核：-ms?
Gecko內核：-moz?
Webkit內核：-webkit?
Presto內核：-o?
Blink內核：-webkit
?

?

?

根據百度知道，對于border-radius:%這種，

?

相對于作用的角的兩條邊
比如 border-radius: 10% 5% 2% 1%；
10%是指左上角--左邊（高）和上邊（寬）的10%

https://zhidao.baidu.com/question/682793999408157052.html

總結

以上是生活随笔為你收集整理的-webkit-border-radius和-moz-border-radius(转)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。