试图在html中创建一个圆形框_Html

试图在html中创建一个圆形框

html

试图在html中创建一个圆形框,html,Html,出于某种原因，我的桌子下面一直有矩形。有没有什么方法可以不用仔细地扫描就可以测试html <?xml version="1.0" encoding="iso-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <titl

出于某种原因，我的桌子下面一直有矩形。有没有什么方法可以不用仔细地扫描就可以测试html

<?xml version="1.0" encoding="iso-8859-1" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="./style.css" />
    </head>
    <body>
        <table width="600" cellpadding="0" cellspacing="5" border="0">
            <tr>
                <td>
                    <table width="200" cellpadding="0" cellspacing="0" border="0"     style="background-color: #0C990A">
                        <tr>
                            <td width="14"><img src="./images/layout/rounded_corner1.gif" width="14" height="14" border="0" alt="..." /></td>
                        <td width="172"></td>
                        <td width="14"><img src="./images/layout/rounded_corner2.gif" width="14" height="14" border="0" alt="..." /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td align="center" width = "14" height = "150">Blarzed.Thecom</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><img src="./images/layout/rounded_corner3.gif" width="14" height="14"border="0" /></td>
                        <td></td>
                        <td><img src="./images/layout/rounded_corner4.gif" width="14" height="14"border="0" /></td>
                    </tr>
                </table>
            </td>
            <td>
                <table width="200" cellpadding="0" cellspacing="0" border="0" style="background-color: #0C990A">
                    <tr>
                        <td width="14"><img src="./images/layout/rounded_corner1.gif" width="14" height="14" border="0" alt="..." /></td>
                        <td width="172"></td>
                        <td width="14"><img src="./images/layout/rounded_corner2.gif" width="14" height="14" border="0" alt="..." /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td align="center"><img src="./images/layout/blarzedbanner.gif" width="600" height="150" border="0"/></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><img src="./images/layout/rounded_corner3.gif" width="14" height="14"border="0" /></td>
                        <td></td>
                        <td><img src="./images/layout/rounded_corner4.gif" width="14" height="14"border="0" /></td>
                    </tr>
                </table>
            </td>
        </tr>
</body>


布拉泽。特科姆

您可以尝试Firefox扩展

有很多方法可以使用它。在您的情况下，要查看角点图像是否真正加载并呈现在您认为的位置，您可以启动firebug，导航DOM树，甚至单击页面的某个区域以查看HTML元素背后的内容。

主包装表上缺少结束“table”标记。一种快速判断是否存在某种类型的输入错误或其他错误的方法是通过某种工具验证HTML/XHTML。例如：

有一些工具可以像插件一样插入到浏览器中，帮助验证和调试HTML、CSS和Javascript

作为旁注，我会忘记做表格，使用DIV标记，然后将下面的CSS应用到您想要圆角的任何给定DIV标记上。这里是您的设计重新完成使用DIV的和CSS

<!DOCTYPE html>
<html>
    <head>
        <title>Rounded Corners Example</title>

        <style type="text/css">
            .roundedContainer {
                background-color: #0c990a;
                border-radius: 10px;
                -moz-border-radius: 10px;
                float: left;
                height: 200px;
                padding: 0 20px;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div class="roundedContainer" style="line-height: 200px;">Blarzed.Thecom</div>
        <div class="roundedContainer"><img src="/images/layout/blarzedbanner.gif" alt="Blarzed Banner"></div>
    </body>
</html>


圆角示例
.圆形集装箱{
背景色：#0c990a；
边界半径：10px；
-moz边界半径：10px；
浮动：左；
高度：200px；
填充：0 20px；
文本对齐：居中；
}
布拉泽。特科姆

代码可能需要一些调整，但这将使您达到一半