4장실습
CSS 스타일 맛보기
나는 웹 프로그래밍을 좋아합니다.
나는 배구를 좋아합니다.
Web Programming
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate voluptate error necessitatibus perferendis omnis nihil.
CSS3 색 활용
deepskyblue(#00BFFF)
brown(#A52A2A)
fuchsia(#FF00FF)
darkorange(#FF8C00)
darkcyan(#008B8B)
olivedrab (#6B8E23)
???? (#6B8E23)
네이버
네이버
텍스트 꾸미기
HTML의 태그만으로 기존의
워드 프로세서와 같이 들여쓰기, 정렬, 공백,
간격 등과 세밀한 텍스트 제어를
할 수 없다.
그러나,
스타일 시트는 이를 가능하게 한다. 들여쓰기, 정렬에 대해서 알아본다
밑줄이 없는 네이버 링크
Jokerman font
font-weight 900
font-weight 100
Italic Style
Oblique Style
현재 크기의
1.5배 크기로
CSS3박스모델
박스모델 테스트 b
둥근 모서리 테스트
반지름 50픽셀의 둥근 모서리
반지름 0, 20, 40, 60 둥근 모서리
반지름 0, 20, 40, 20 둥근 모서리
반지름 0, 20, 0, 20 둥근 모서리
반지름 50의 둥근 점선 모서리
배경 다루기
스폰지밥캐릭터
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis quaerat odit quisquam ullam cupiditate quis in tempore modi, itaque voluptate ipsum, repellendus voluptatibus sapiente libero non necessitatibus aliquam architecto perferendis facilis eos praesentium beatae dolor repudiandae explicabo! Maiores suscipit consectetur autem aspernatur eveniet fugiat, non maxime laborum minima, officiis laboriosam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates dignissimos nam dicta officiis eligendi. Numquam impedit unde consectetur praesentium, consequatur.
텍스트 그림자 만들기
Drop Shadow
Color Shadow
Blur Shadow
Glow Effect
WordArt Effect
3D Effect
Multiple Shadow Effect
박스 그림자 만들기
뚱이와 함께
뚱이와 함께
뚱이와 함께
마우스 커서 제어
십자 모양 커서
도움말 모양 커서
포인터 모양 커서
프로그램 실행 중 모양 커서
상하 크기 조절 모양 커서
move 모양 커서
copy 모양 커서
text 모양 커서
wait모양 커서
zoom-in모양 커서
zoom-out모양 커서
ne-resize모양 커서