Question

我知道如何创建边框，如何用不同的颜色填充边框内的其余部分？这就是我到目前为止所拥有的：

<div style="width:200px;height:100px;border:6px outset orange;">text</div>

Answer 1

使用

background:#fff

或任何颜色; 还有一个建议永远不要使用内联css来获得最佳输出使用外部CSS

<div id="something">text</div>

#something
{
  width:200px;
  height:100px;
 //likewise
}

Answer 2

在这里：http://jsfiddle.net/XVDkS/

说明：它在边框后面添加了框阴影（至少有2个）（0模糊）。操纵阴影的数量＆amp;它们的宽度根据您的需要而定。如果需要，您也可以使用模糊。有关框阴影的详细信息，请阅读the MDN article。

它是一个CSS3解决方案，因此旧的IE版本不会很好玩（除非你在它上面做黑暗魔法）。

Answer 3

使用background属性，例如：

background:#ccc;

这将使您的代码看起来像这样：

<div style="width:200px;height:100px;border:6px solid orange; background:#ccc;">text</div>

Answer 4

如果你的意思是背景，这将有助于

CSS

backgound:black;

带有CSS的HTMl

<div style="width:200px;height:100px;border:6px outset orange;background:black;">text</div>

Answer 5

你可以使用凹槽或脊来代替一开始，

请参阅此处W3schools

上的一些示例

http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-style&preval=none

或者如果你想要2个边框和不同的边框，那么你试试这个

<div style="width:200px;height:100px;border:1px solid #000">
    <div style="width:190px;height:90px;border:5px solid orange">
    <div style="width:188px;height:88px;border:1px solid #000">
    test
    </div>
    </div>
</div>

演示在这里： http://jsfiddle.net/SPhec/

Answer 6

<div style="width:200px;height:100px;border:6px outset orange;background:#000000">text</div>

使用css背景属性

如何在HTML中填写边框？

6 个答案: