「CSS3入門」Box Shadowを作成するサンプル

CSSコード
<head>
<style type=’text/css’>
.shadwoFirst {
background-color:#c06;
padding:5px;
color:#fff;
-webkit-box-shadow: 5px 5px 5px #000;
-moz-box-shadow: 5px 5px 5px #000;
}
.shadwowSecond {
background-color:#c06;
padding:5px;
color:#fff;
-webkit-box-shadow: -5px -5px 5px #000;
-moz-box-shadow: -5px -5px 5px #000;
}
</style>
</head>
<body>
<p class=”shadwoFirst”>テスト1</p>
<p class=”shadwowSecond”>テスト2</p>
</body>

Comments are closed.