Html 创建定位填充框&；设置高度和高度；宽度

我是html和css的新手&我正在尝试创建彩色填充框，将其放入边框框中。我需要能够将它们设置为一定的宽度和高度。我还需要将它们分别设置为2个，距离边界6个。我附上了一张我想做的事情的照片。有没有一种方法可以用CSS实现这一点？像html id=filled&CSS#filled这样的东西，还是只使用html来完成？图片：

我无法在这里发布html，因为“您的帖子似乎包含未正确格式化为代码的代码”错误，即使它是。以下是html：

---

谢谢！感谢您的帮助！=）

我在您的代码中找到一个div标记，如下所示：

<div style="background: none repeat scroll 0% 0% rgb(43,43,43); padding: 5px 8px; text-align: center;">
<div style="text-align: left;">
<span style="font-size: large;"><b>text</b></span></div>
</div>

<div style="background: none repeat scroll 0% 0% rgb(43,43,43); padding: 2px 0px 0px 6px; text-align: center;margin-bottom: 2px;">
                                            <div style="text-align: left;">
                                                <span style="font-size: large;"><b>text</b></span>
                                            </div>
                                        </div>

文本

不可能开发您想要的整个设计，但我已将此代码更改如下：

<div style="background: none repeat scroll 0% 0% rgb(43,43,43); padding: 5px 8px; text-align: center;">
<div style="text-align: left;">
<span style="font-size: large;"><b>text</b></span></div>
</div>

<div style="background: none repeat scroll 0% 0% rgb(43,43,43); padding: 2px 0px 0px 6px; text-align: center;margin-bottom: 2px;">
                                            <div style="text-align: left;">
                                                <span style="font-size: large;"><b>text</b></span>
                                            </div>
                                        </div>

文本

---

建议是，为常见样式效果创建一个CSS类，现在您需要为这个div创建悬停效果以获得绿色悬停效果（正如您为预期输出而放入图像时所做的那样）

哦，我打算稍后将其设置为绿色。这个代码看起来比我的好，谢谢。我知道了如何在框之间留出空间，您可以使用

我还知道了如何设置div标记的高度和宽度。我把这个放在div样式标签里<代码>；高度：100px；宽度：100px“>。但是我仍然不确定如何设置div标记离边框的距离。有什么方法吗？谢谢。您可以为包含的设置填充。将其设置为大于0，这样会增加表边框和div之间的空间。我尝试了html

&css

\t1{padding:2px；}

但它似乎没有改变任何东西。我把它放在

之前，但它不起作用。我改变了cellpadding，这似乎改变了一点填充。我做错了什么吗？你不能给多个元素分配相同的id“id=”t1“。你能确切地说出你想要什么吗？