5

我不确定在 HTML 中是否有可能,但我仍然会在这里问它:

是否有任何 HTML 代码可以代表椭圆或圆角矩形?

4

6 回答 6

9

换个思路,还是很有可能的!你去:

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

纯 HTML!它甚至不使用任何新奇的 CSS 或 JavaScript 或任何脚本。

于 2010-04-10T23:59:58.917 回答
4

是的,帆布。但它确实是 Canvas HTML 标签,加上 Javascript。在此处阅读有关 CANVAS 的更多信息http://en.wikipedia.org/wiki/Canvas_element

于 2010-04-10T23:31:04.020 回答
4

如果你使用 HTML 和 CSS,你可以做到这一点。如果您不介意使用特定于浏览器的 CSS,您可以在 Firefox 中使用 -moz,在 Chrome 和 Safari 中使用 -webkit,在 IE9 和 Opera 10.5 中使用不以连字符开头的 CSS 3。

<!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>
于 2010-04-10T23:33:15.433 回答
2

您可以使用此处找到的技巧来接近其中任何一个(允许您使用 div 渲染任意大小/定位的直角三角形)

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

当然,最简单和最快的(就开发时间、下载页面所需的时间,甚至可能是渲染时间而言)的解决方案是使用纯 html 以外的东西,正如这里其他人已经建议的那样。

于 2010-04-10T23:45:53.547 回答
1

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

HTML5 提供了一个画布标签,它允许使用 Javascript 绘制类似的东西。同样,浏览器支持仍在进行中。

但是,您可能永远无法在纯HTML中完成您所要求的事情。

于 2010-04-10T23:33:47.670 回答
-1

不,没有。

于 2010-04-10T23:31:13.550 回答