我知道如何创建边框,如何用不同的颜色填充边框内的其余部分?这是我到目前为止所拥有的:
<div style="width:200px;height:100px;border:6px outset orange;">text</div>
利用
background:#fff
或任何颜色;还有一个建议永远不要使用内联 CSS 来获得最佳输出使用外部 CSS
<div id="something">text</div>
#something
{
width:200px;
height:100px;
//likewise
}
给你:http: //jsfiddle.net/XVDkS/
说明:它在边框(0 模糊)之后添加框阴影(至少 2 个)。根据您的需要操纵阴影的数量和它们的宽度。如果需要,您也可以使用模糊。阅读MDN 文章以了解有关 box-shadow 的更多详细信息。
这是一个 CSS3 解决方案,所以旧的 IE 版本不会很好玩(除非你对它施以黑魔法)。
使用背景属性,例如:
background:#ccc;
这将使您的代码看起来像这样:
<div style="width:200px;height:100px;border:6px solid orange; background:#ccc;">text</div>
如果您的意思是背景,这将有所帮助
CSS
backgound:black;
带有 CSS 的 HTML
<div style="width:200px;height:100px;border:6px outset orange;background:black;">text</div>
您可以使用凹槽或脊代替开头,
见这里是一些例子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/
<div style="width:200px;height:100px;border:6px outset orange;background:#000000">text</div>
使用 CSS 背景属性