css边框椭圆，css如何设置椭圆边框

按钮边框椭圆效果,不用图片,用css或js怎么做

新建一个html文件。写入代码 ！DOCTYPE html css制作椭圆 在html文件里找到标签，在标签里创建一个标签，然后为这个标签添加class=ellipse。如图：为ellipse类设置样式。

首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

其实能用css写的，都可以用js写，js通过事件去设置border-radius的css属性就可以了。

需要CSS3的3D旋转&倒影的支持，目前只有webkit内核浏览器支持。

border-radius属于css3 而IE8并不支持border-radius属性。所以IE8会显示正方形。想要让ie8支持就需要切图，把圆角边框当做背景切入到容器内。

相关问答

Q1: css如何设置文本框的为半椭圆

首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

border-radius属于css3 而IE8并不支持border-radius属性。所以IE8会显示正方形。想要让ie8支持就需要切图，把圆角边框当做背景切入到容器内。

首先打开PPT。在PPT界面左下方，有个自行图形的插入。找到椭圆，选择之后在编辑区域拉出一个椭圆来。然后选中拉出来的椭圆，点右键，选择添加文本就可以了。

border-radius属性可以实现元素的圆角。

Q2: 怎么把DIV做成椭圆形

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

首先，建立一个div，给div设置圆角边框的弧度。

打开需要裁剪成圆形的图片。右键单击工具栏第一格，左键单击选择“椭圆选框工具”。按住鼠标左键和键盘上的Shift键，同时拖动鼠标，选中需要留下的圆形部分。（注：如果要裁剪成椭圆形，则不需要按住Shift键。

然后点击页面右上角的“裁剪”按钮。在打开的裁剪页面中点击左下角菜单中的“形状”，并选择其中的圆形图样。点击后在页面中出现圆形的剪切看，拖动四周的圆点可对圆形进行拖拽，将其更改为椭圆形。

在长方形图层上画出椭圆选区，给图层添加蒙版，长方形图片可以变成椭圆。选择【椭圆形选框工具】在长方形图层中画出一个椭圆形选区。画好选区后保持选区，点击【添加图层蒙版】按钮给图层添加蒙版。

Q3: 如何用CSS可以使边框变圆

首先需要打开自己的DW软件，选择文件下面的新建，在弹出框中选择新建一个html页面。进入到新建的html页面后，点击首先做的是将网页进行保存，这样才能在浏览器中进行预览，方便起见，我们保存到桌面上即可。

用CSS可以使边框变圆方法： 工具/原料 Dreamweaver软件 电脑 方法/步骤 首先需要打开自己的DW软件，选择文件下面的新建，在弹出框中选择新建一个html页面。

css圆角实现的方式有很多种，最简单最方便的是使用border-radius属性。或者使用圆角图片。border-radius后面直接接数值。

border-radius属性可以实现元素的圆角。

html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。

关于css边框椭圆和css如何设置椭圆边框的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。