Web programming Sohee's homepage

LOGIN / JOIN US        ID: PW:

Web Programming


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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt voluptatem officia consequuntur eos inventore corporis culpa officiis alias blanditiis molestiae, dolore fuga quia laborum in nulla totam tempore nam cum.

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배 크기로

둥근 모서리 테두리

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

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

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

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

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

배경 다루기

스폰지밥 캐릭터 재미있어요.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum ipsum laudantium non optio minima sed atque, ea itaque, ut nam quaerat, velit harum officia similique eum. Natus cupiditate quos ex!

텍스트 그림자 만들기

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