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
css box-shadow プロパティ 構(gòu)文
機(jī)能:ボックスに 1 つ以上の影を追加します。
構(gòu)文: box-shadow: h-shadow v-shadow ブラー スプレッド カラー インセット;
手順: h-shadow が必要です。水平方向の影の位置。負(fù)の値も許可されます。 v-shadow は必須です。垂直影の位置。負(fù)の値も許可されます。ぼかしはオプションです。曖昧な距離。スプレッドはオプションです。影のサイズ。色はオプションです。影の色。 CSS カラー値を參照してください。インセットはオプションです。外側(cè)のシャドウ（アウトセット）を內(nèi)側(cè)のシャドウに変更します。
コメント: box-shadow ボックスに 1 つ以上の影を追加します。このプロパティは、シャドウのコンマ區(qū)切りのリストで、それぞれ 2 ～ 4 個(gè)の長(zhǎng)さの値、オプションのカラー値、およびオプションの inset キーワードで指定されます。省略された長(zhǎng)さの値は 0 です。
css 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>インスタンスの実行 ?
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します