Question

我不确定它是否可以用于HTML，但我仍然会在这里问：

是否有代表椭圆或圆角矩形的HTML代码？

Answer 1

另一个想法，这很有可能！你去了：

http://virkkunen.net/b/oh-dear.html

纯HTML！它甚至不使用任何新奇的CSS或JavaScript或whateverscript。

Answer 2

是的，画布。但它真的是Canvas HTML标签，再加上Javascript。在此处了解有关CANVAS的更多信息http://en.wikipedia.org/wiki/Canvas_element

Answer 3

如果您使用HTML和CSS，则可以执行此操作。如果你不介意使用特定于浏览器的CSS，你可以使用-moz，Chrome和带有-webkit的Safari，以及带有CSS连接的IE9和Opera 10.5，不能用连字符开始。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>
            Rounded
        </title>
        <style type="text/css">
            div {
                -moz-border-radius-topleft: 6px;
                -webkit-border-top-left-radius: 6px;
                border-top-left-radius: 6px;
                -moz-border-radius-bottomleft: 6px;
                -webkit-border-bottom-left-radius: 6px;
                border-bottom-left-radius: 6px;
                -moz-border-radius-topright: 6px;
                -webkit-border-top-right-radius: 6px;
                border-top-right-radius: 6px;
                -moz-border-radius-bottomright: 6px;
                -webkit-border-bottom-right-radius: 6px;
                border-bottom-right-radius: 6px;
                border:solid 1px black;
                padding:10px;
                background-color:#efefef;
            }
        </style>
    </head>
    <body>
        <div>I'm rounded!</div>
    </body>
</html>

Answer 4

你可以通过使用找到的技巧here接近其中任何一个（允许你使用div渲染任意大小/定位的直角三角形）

很多边界相对较小的div。硬编码所有高度和宽度需要很长时间，但您可以编写一个脚本来为您生成html代码。

当然，最简单，最快捷的（在开发时间，下载页面所需的时间，甚至可能是渲染时间）解决方案都是使用纯html以外的东西，正如其他人已经建议的那样。

Answer 5

CSS3中的边框半径将允许您在大多数浏览器中执行此操作（除了IE ... / spit）。 http://www.css3.info/preview/rounded-border/

HTML5提供了一个canvas标签，允许使用Javascript绘制类似的东西。同样，浏览器支持仍在继续。

然而，您可能永远无法在纯 HTML中执行此操作。

Answer 6

没有。没有。

是否有任何HTML代码可以显示椭圆或圆角矩形？

6 个答案: