css设置椭圆需要使用到border-radius属性，为了兼容各种大型浏览器，会在border-radius前面添加:-webkit-、-moz-、-ms-、-o- 前缀。css如何设置椭圆呢，让我们一起来看看吧。
方法/步骤
1
新建一个html文件。如图：
2
在html文件里找到
标签，在标签里创建一个标签，然后为这个
标签添加class='ellipse'。如图：
3标签，在<title> 标签后面添加一个<style>标签；2.在<style>标签里设置ellipse类的属性：.ellipse{ width: 200px; height: 100px; background-color: red;}</p></div><div class="listcon"><span>4</span><p>保存好html文件后，使用浏览器打开html文件查看ellipse属性是否设置成功。在浏览器上看到一个红色的矩形就表示ellipse样式设置成功，如图：</p></div><div class="listcon"><span>5</span><p>设置椭圆。回到代码页面，在ellipse属性里添加：border-radius:100%; 即可设置椭圆。如图：为了兼容各种浏览器我们在这里还要添加-o-border-radius:100%; -ms-border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;</p></div><div class="listcon"><span>6</span><p>把html文件保存后使用浏览器打开，就可以看到椭圆了。如图：</p></div><div class="listcon"><span>7</span><p>html页面上所有代码，如有不明白可以把以下代码复制到新建的html文件上，即可看到椭圆效果。代码：<!DOCTYPE html><html><head><meta charset='UTF-8'><title>css制作椭圆
为ellipse类设置样式。1.找到
上一篇：秋日甜蜜养生莲子佳品
下一篇：结婚系统的攻略
推荐信息
- 1
css椭圆怎么画
- 2
css如何设置椭圆
- 3
flash cs3如何绘制椭圆
- 4
教你如何对文件进行压缩、解压、加密
- 5
如何创建一个Zip文件（压缩文件夹）
- 6
如何在电脑上使用文件压缩功能
- 7
如何将一个文本文件进行压缩
- 8
如何快速压缩文件？
- 9
电脑上文件夹里面的内容如何进行压缩包设置？
- 10
冬季孕妇少“触电”
- 11
胎儿探索世界的能力之提升——听力
- 12
美国顺产：是直切，不是侧切
- 13
美国生宝宝顺产好还是剖腹产好？
- 14
雾霾对孕妇四大危害，负离子空气净化器解决
- 15
孕妇哪些护肤品最安全
- 16
如何在加拿大生小孩？剖腹产可以吗？
- 17
产后节食减肥有效果吗？可不能做傻事
- 18
单身妈妈赴美生子哪几种情况才适合？
- 19
南宝水产育苗养殖专用漆
- 20
3ds Max乳胶漆材质
- 21
纳米二氧化钛之变色龙汽车漆应用篇
- 22
怎样购买放心的涂料
- 23
UFW-S 单组分聚氨酯防水涂料施工方法？