「CSS入門」影を付けるbox-shadowのサンプル

CSSコード:
<style type=’text/css’>
.cft {
background-color: rgb(255, 255, 255);
margin-top: 100px;
padding: 10px;
border-top: 4px solid rgb(0, 130, 202);
box-shadow: inset 0 -8px 4px 4px rgb(255, 255, 255), inset 0 2px 4px 0px
rgba(50, 50, 50, 0.75);
}
</style>
</head>
<body>
<div class=”cft”>影を付ける</div>
</body>

Comments are closed.