-
-
注:水平および垂直の影の位置では負の値を使用できます
hシャドウが必要です。水平シャドウの位置。
必要なvシャドウに負の値を許可します。垂直シャドウの位置。負の値を
オプションにすることができます。ぼかし距離の
広がりはオプションです。影のサイズは
オプションです。影の色。
インセットはオプションです。影の内側の影を外側の影(最初)から変更し
ます。ボックスシャドウ:10px 10px 5px 10px#888888 inset;
短い形式:
具体的な実装コードは次のとおりです。
<!DOCTYPE html>
<html lang = "en">
<ヘッド>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width = device-width、initial-scale = 1.0">
<スタイル>
* {
マージン:0;
パディング:0;
}
。ボックス{
幅:500px;
マージン:40px自動;
text-align:中央;
}
.box p {
font-size:40px;
色:#e6c9c9;
テキストの影:-4px 0px 1px#000;
}
。影{
background-color:#eee;
幅:200px;
高さ:200px;
マージン:20px自動;
box-shadow:0px 0px 10px#bd9c9c;
}
</ style>
</ head>
<ボディ>
<div class = "box">
<p>テキストの影のプロパティ</ p>
<div class = "shadow">
</ div>
</ div>
</ body>
</ html>
あなたが自分に役立つと感じた場合は、それに注意を払ってください、そしてあなたはいつもあなたの知識を共有します。!!