css3-绘制椭圆形 - 苏飞论坛

上传

点击文件名下载附件
HTML代码：

[HTML] 纯文本查看 复制代码

<div class="div"></div>

css样式：

[CSS] 纯文本查看 复制代码

     .div {

             width: 200px;

             height: 100px;

             float: left;

             background: #8e00ff;

             -webkit-border-radius: 100px / 50px;

             -moz-border-radius: 100px / 50px;

             border-radius: 100px / 50px;

           }

以上就是实现椭圆形的效果，后面会继续给大家说说css实现其他图形的样式方法。希望大家多多关注！

作者: 范范 时间: 2021-6-22 16:15
支持下

欢迎光临苏飞论坛 (http://www.sufeinet.com/)