CSS 스타일 맛보기


나는 웹 프로그래밍을 많이 좋아합니다.

나는 웹프로그래밍을 좋아합니다.

Web Programming


2학기 학습 내용
60점 이하는 F

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius vitae optio quasi perspiciatis explicabo nobis ipsa deleniti magnam autem aspernatur!

CSS3 색 활용


deepskyblue(#00BFFF)
brown(#A52A2A)
fuchsia(#FF00FF)
darkorange(#FF8C00)
darkcyan(#008B8B)
olivedrab (#6B8E23)
네이버 네이버

텍스트 꾸미기


HTML의 태그만으로 기존의 워드 프로세서와 같이 들여쓰기, 정렬, 공백, 간격 등과 세밀한 텍스트 제어를 할 수 없다.

그러나, 스타일 시트는 이를 가능하게 한다. 들여쓰기, 정렬에 대해서 알아본다

밑줄이 없는 네이버 링크

Jokerman font


font-weight 900

font-weight 100

Italic Style

Oblique Style

현재 크기의 1.5배크기로

css박스 모델

박스모델 테스트하기0

둥근 모서리 테두리


반지름 50픽셀의 둥근 모서리

반지름 0, 20, 40, 60 둥근 모서리

반지름 0, 20, 40, 20 둥근 모서리

반지름 0, 20, 0, 20 둥근 모서리

반지름 50의 둥근 점선 모서리

배경 다루기


스폰지밥 캐릭터 재미있어요. 으하하하ㅏ하하
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

텍스트 그림자 만들기


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 모양 커서