Question

我是html＆amp;的新手。 css＆amp;我试图创建彩色填充框以放入边框内。我需要能够将它们设置在一定的宽度和高度。我还需要将它们分别设置为2px和离边境6px。我已经附上了一张我想要做的事情的照片。有没有办法用CSS做到这一点？像html id = filled＆amp; CSS #filled或仅使用html执行此操作？图片：http://i.stack.imgur.com/a4dZi.png

我无法在此处发布html，因为您的帖子似乎包含的代码未正确格式化为代码＆＃39;错误，即使它是。这是html：http://pastebin.com/GFRqeRa9

谢谢！任何帮助表示赞赏！ =）

Answer 1

我在代码中找到了一个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创建悬停效果以获得绿色悬停效果（当你为预期的输出放入图像时）

创建定位填充框＆amp;设置高度＆amp;宽度

1 个答案: