작은설탕의 달콤한 인생로그

오늘 소개해드릴 CSS3 속성은요, box-shadow입니다. box-shadow 는 DIV같은 박스에 그림자 효과를 주어서 입체감을 표현할 수 있도록 해주는 속성인데요. 이 속성만 잘 사용해도, 밋밋한 스킨을 좀더 세련되게 꾸밀 수 있어요. 그럼 box-shadow에 대해서 알아볼까요? 지원 브라우저 box-shadow는 IE8 이하의 브라우저를 제외한 모든 브라우저에서 지원되는 기능입니다. 아래 표를 보시죠. CSS 문법 (Syntax) box-shadow: none | h-shadow v-shadow blur spread color | inset | initial | inherit ; none box-shadow의 기본값은 "none"입니다. 즉, 기본적으로 box-shadow가 적용되지 않는다는 ..

안녕하세요. 오늘은 티스토리 반응형 스킨제작기 2탄이예요.지난시간에 웹프로그래밍 도구인 Brackets 를 이용하여 티스토리 스킨제작을 위한 환경설정을 했었죠. 오늘은 우리가 만들 스킨의 레이아웃을 구상해볼꺼예요. ※ 알림 저는 HTML/CSS/JavaScript 등과 관련한 전문지식은 없습니다. 따라서 본 시리즈는 "강좌"가 아니라는 점을 미리 알려드립니다. (좌충우돌하면서 함께 배워나가는 시리즈랍니다. ^^)티스토리 반응형 스킨제작기 - 지난 포스팅 [작은설탕 IT/Blog] - 티스토리 스킨제작기 (1) - 개발환경 구축하기 (웹개발도구 Brackets 이용) 레이아웃 디자인 웹페이지를 만들 때, 제일 먼저 고려해줘야 하는 것이 "홈페이지 디자인을 어떻게 만들까?" 하는 부분입니다. 즉, 웹페이지의..