全部展开
1.创建一个新的html文件。
编写代码！
创建DOCTYPEhtmlhtmlheadmetacharset = UTF-8titlecss ellipse / titletyle2，在html文件中找到body标签，使用body标签创建div标签，然后将class = ellipse添加到div标签。
设置椭圆类样式，如图3所示。
1）
找到标题标签，然后在标题标签后添加样式标签。2
在样式标签中设置椭圆类的属性。
椭圆{宽度：200像素；高度：100像素；背景色：红色；}4。保存HTML文件后，使用浏览器打开HTML文件，并查看ellipse属性是否设置正确。
浏览器中显示的红色矩形表示正确配置了椭圆样式，如图5所示。椭圆配置。
返回代码页并添加以下内容：border-radius：100％椭圆属性。您可以设置一个椭圆。
图：-o-border-radius：100％； -ms-border-radius：100％； -moz-border-radius：100％； -webkit-border-Radio，用于与多个浏览器兼容：100％； 6，保存html文件并使用浏览器打开它，将显示椭圆。
图：代码！
DOCTYPEhtmlhtmlheadmetacharset = UTF-8titlecss椭圆/标题图块。
椭圆{宽度：200像素；高度：100像素；背景颜色：红色；边缘半径：100％；边缘半径或：100％；边缘半径ms：100％；-莫兹边缘半径：100％；-webkit-border-radius：100％；}/样式/ headbodydiv / div / body / html