목록그림자 (3)
투케이2K

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] [text-shadow: 1px 1px 1px #000;] text-shadow 를 사용해서 텍스트 글자에 그림자 표과 적용 실시 [text-shadow: 2px 2px 2px #000;] text-shadow 를 사용해서 텍스트 글자에 그림자 표과 적용 실시 [text-shadow: 2px 2px 5px #000;] text-shadow 를 사용해서 텍스트 글자에 그림자 표과 적용 실시 [결과 출력] [요약 설명]

[ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] No shadow Small shadow Regular shadow Larger shadow [결과 출력] [요약 설명] 1. shadow : 그림자 효과를 부여하는 클래스로 입체감있는 박스 컨테이너를 만들때 효과적입니다 2. 기본적으로 shadow-* 형식으로 크기와 함께 사용하게 됩니다 3. margin, padding 은 각각 m , p 를 선언해서 사용합니다 4. sides : 상하좌우를 지정하며, 비워둘경우 4방향 모두를 지정합니다 (top(t),bottom(b), left(l), right(r), x, y) 5. size : 0~5, auto 를 사용하며, 3을 기..

/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] one two three four /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 ..