這兩個(gè)都是處理圓角效果的，但不是w3標(biāo)準(zhǔn)的。
w3標(biāo)準(zhǔn)的是border-radius，
-webkit-border-radius 是為了兼容 chrome 或 safari，
-moz-border-radius 是為了兼容火狐，
而現(xiàn)在火狐支持標(biāo)準(zhǔn)的border-radius，所以-moz-border-radius 是個(gè)無(wú)用的屬性。

總結(jié)：

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

內(nèi)核分類：

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

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

不同內(nèi)核瀏覽器需在CSS3中添加的私有前綴

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

?

?

根據(jù)百度知道，對(duì)于border-radius:%這種，

?

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。