728x90 CSS 그림자2 [CSS] ch04-06. boxshadow 06_boxshadow.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; } WEB/CSS 2017. 8. 24. [CSS] ch02-03. shadow 03_shadow.html Joandora Joandora Joandora Joandora 03_shadow.css @CHARSET "UTF-8"; body{ font-family: Arial; background: #808080; } h1{ font-size:5em; color: white; } .shadow1{ text-shadow:1px 1px 3pxc #000; } .shadow2{ color: black; text-shadow: 3px -3px 5px #fff; } .shadow3{ color: #000; text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -19px 18px #f20; } WEB/CSS 2017. 8. 23. 이전 1 다음 728x90