3

境界線の作成方法は知っていますが、境界線内の残りの部分を別の色で塗りつぶすにはどうすればよいですか? これが私がこれまでに持っているものです：

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

6 に答える 6

3

使用する

background:#fff

または任意の色; もう 1 つのアドバイスは、最適な出力のためにインライン CSS を使用しないこと、外部 CSS を使用することです。

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

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

どうぞ: http://jsfiddle.net/XVDkS/

説明: 境界線の後にボックス シャドウ (少なくとも 2 つ) を追加します (ぼかしなし)。必要に応じて影の数と幅を操作します。必要に応じてぼかしを使用することもできます。box-shadow の詳細については、MDN の記事を参照してください。

これは CSS3 ソリューションであるため、古い IE バージョンでは適切に動作しません (ダーク マジックを使用しない限り)。

于 2012-09-06T15:56:49.727 に答える
1

以下のように background プロパティを使用します。

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 に答える