怎么把DIV做成椭圆形

html-css09

怎么把DIV做成椭圆形,第1张

1、打开CSS新建一个图示的html文件。

2、下一步,需要在<body>标签那里添加图示的代码。

3、这个时候,可以添加<style>标签来设置图示的ellipse样式。

4、另外,还要在ellipse属性的里面添加图示的代码。

5、这样一来通过浏览器打开html文件即可把DIV做成椭圆形了。

你需要用到这个属性border-radius:0 0 0 0

设置两个DIV,里面的DIV比外边的小,定义高度宽度边框线,然后使用上面的样式,按照border-radius:上px 右px 下px 左px的方式来调整你的DIV,不止可以椭圆,其他形状也可以。

还有一个方法,使用背景图片。

<style>

#box{

    width: 200px 

    height: 100px 

    background: red 

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

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

    border-radius: 100px / 50px 

}

</style>

<div id="box"></div>