<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字コード= " UTF-8 " >
<タイトル> </ TITLE>
<スタイル> / * 内部阴影* /
#mdiv {
幅：100pxに。
高さ：100pxに。
国境：1pxの固体赤。-moz-ボックスシャドウ：インセット2ピクセル0 4PX＃000 ;
-webkit-ボックスシャドウ：インセット2ピクセル0 4PX＃000 ;
ボックスの挿入図2ピクセル：-shadow 0 4PX＃000 ;
} / *
外部阴影* /
#ydiv {
幅：100pxに。
高さ：100pxに。
国境：1pxの固体赤。
-webkitボックスシャドウ：0 2ピクセル2ピクセル-2px RGBA（0、0、0、0.52 ）。
-mozボックスシャドウ：0 2ピクセル2ピクセル-2px RGBA（0、0、0、0.52 ）。
ボックス -shadow：0 2ピクセル2ピクセル-2px RGBA（0、0、0、0.52 ）。
}
</スタイル>
</ head>
<body>
<DIV ID = " mdiv " > </ div>
<DIV ID = " ydiv " > </ div>
</ body>
</ HTML>