728x90
06_boxshadow.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/06_boxshadow.css";
</style>
</head>
<body>
<div class="bttn" id="shd1"></div>
<div class="bttn" id="shd2"></div>
</body>
</html>
06_boxshadow.css
@CHARSET "UTF-8";
.bttn{
width:200px;
height:100px;
margin:50px;
background:blue;
border:1px solid black;
border-radius:50px;
}
#shd1{
box-shadow: 10px 10px 5px 5px #666; /*기본 outset*/
/*수평 수직 흐림(번지는정도) 확장*/
}
#shd2{
box-shadow: 10px 10px 50px -1px white inset;
}
728x90
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch04-08. div (0) | 2017.08.24 |
|---|---|
| [CSS] ch04-07. block (0) | 2017.08.24 |
| [CSS] ch04-05. radius (0) | 2017.08.24 |
| [CSS] ch04-04. border (0) | 2017.08.24 |
| [CSS] ch04-03. border (0) | 2017.08.23 |
댓글