css3border-radius_html/css
来源:动视网
责编:小采
时间:2020-11-27 16:06:11
css3border-radius_html/css
css3border-radius_html/css_WEB-ITnose:前缀对应浏览器 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera border-radius: div.circle{ height:100px;/*与width设置一致*/ width:100px; back
导读css3border-radius_html/css_WEB-ITnose:前缀对应浏览器 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera border-radius: div.circle{ height:100px;/*与width设置一致*/ width:100px; back

前缀对应浏览器
| 前缀 | 浏览器 |
| -webkit | chrome和safari |
| -moz | firefox |
| -ms | IE |
| -o | opera |
border-radius:
可见设置50%和设置50px这样的固定值还是有差别的,没研究百分比以什么为参考,所以现在不知道怎样通过百分比设置一个左半圆。
参考:
https://css-tricks.com/almanac/properties/b/border-radius/
css3border-radius_html/css
css3border-radius_html/css_WEB-ITnose:前缀对应浏览器 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera border-radius: div.circle{ height:100px;/*与width设置一致*/ width:100px; back