3

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

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

6 回答 6

3

利用

background:#fff

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

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

#something
{
  width:200px;
  height:100px;
 //likewise
}
于 2012-08-11T04:49:12.477 回答
2

给你:http: //jsfiddle.net/XVDkS/

说明:它在边框(0 模糊)之后添加框阴影(至少 2 个)。根据您的需要操纵阴影的数量和它们的宽度。如果需要,您也可以使用模糊。阅读MDN 文章以了解有关 box-shadow 的更多详细信息。

这是一个 CSS3 解决方案,所以旧的 IE 版本不会很好玩(除非你对它施以黑魔法)。

于 2012-09-06T15:56:49.727 回答
1

使用背景属性,例如:

background:#ccc;

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

<div style="width:200px;height:100px;border:6px solid orange; background:#ccc;">text</div>
于 2012-08-11T04:43:36.143 回答
0

如果您的意思是背景,这将有所帮助

CSS

backgound:black;

带有 CSS 的 HTML

<div style="width:200px;height:100px;border:6px outset orange;background:black;">text</div>
于 2012-08-11T04:47:42.193 回答
0

您可以使用凹槽或脊代替开头,

见这里是一些例子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/

于 2012-08-11T04:48:21.023 回答
0
<div style="width:200px;height:100px;border:6px outset orange;background:#000000">text</div>

使用 CSS 背景属性

于 2012-08-11T04:48:38.297 回答