如何填寫HTML中的邊框？

Question

我知道如何創建邊框，我如何用不同的顏色填充邊框內的其餘部分？這是我到目前爲止有：

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

Answer 1

使用的background屬性，例如：

background:#ccc; 

這會使你的代碼看起來像這樣：

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

Answer 2

如果你說的是背景這將有助於

CSS

backgound:black; 

與CSS的HTMl

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

Answer 3

可以使用凹槽或脊的地方開始的，

看到這裏是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 4

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

使用CSS背景屬性

Answer 5

使用

background:#fff 

或任何顏色; 還有一提醒從未使用內聯CSS的最佳輸出使用外部CSS

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

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

Answer 6

在這裏你去：http://jsfiddle.net/XVDkS/

說明：它的邊界後，增加了盒陰影（其中至少2）（0模糊）。根據您的需要操縱陰影的數量&它們的寬度。如果需要，您還可以使用模糊處理。閱讀the MDN article瞭解更多關於箱形陰影的細節。

這是一個CSS3解決方案，所以舊的IE版本不會很好（除非你在它上面做了黑暗的魔術）。