box

英[b?ks] 美[bɑ:ks]

n.ボックス; 箱のような物體; ボックス; 哨兵室

vt. Put... into a box [box, box]

vt.& vi.Boxing

三人稱単數(shù): ボックス 複數(shù)形: ボックス 現(xiàn)在分詞: ボクシング 過(guò)去形: ボックス過(guò)去分詞: boxed

shadow

英[???d??] 美[???do?]

n.影; 影; 幽霊; 幽霊; 隠れ場(chǎng)所

vt.影を落とす;霞ませる;追跡、痕跡;前兆

##vi.グラデーション;陰鬱な

adj.影;影のキャビネット;非公式

#三人稱単數(shù):shadows 複數(shù)形:shadows 現(xiàn)在分詞:shadowing 過(guò)去形:shadowed 過(guò)去分詞:shadowed

css3 box-shadow プロパティ 構(gòu)文

関數(shù): box-shadow はボックスに影を追加するために使用されます

説明: オブジェクトの影を設(shè)定または取得します。

box-shadow は、プロパティ値を設(shè)定することで 1 つ以上のドロップダウン シャドウ ボックスを作成する CSS3 のプロパティです。

css3 box-shadow プロパティ 例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div></div>

</body>
</html>

インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します