|
CSS 예제를 수록하기 시작하였는데 준비되는 대로 한개 씩 추가하기로 한다.
- 텍스트(라인) 스크립트 만들기 예제
- 텍스트나 내용 스크립트를 만드는 기본적인 예제들, 내용의 글자, 단어 간격, 배경색, 글자색, 굵기, 스트일 다입, 글꼴등을 지정한다.
- 여러줄 텍스트(블럭) 스크립트, 주위에 틀 만들기 예제
- 여러 줄의 텍스트 스타일이나 내용 주위에 틀은 만들며 틀과 내용의 간격, 배경색, 틀색, 글자색등을 지정한다.
- 외부 이미지를 이용한 번호 없는 목록 만들기
- 디폴트 불렛(bullet) 대신에 내가 필요로 하는 이미지를 사용한다.
- 고정 된 배경 이미지 넣기
- 화면 굴림(scoll)에 관계 없이 일정한 위치의 이미지가 항상 표시된다.
- 입체 글자 만들기
- CSS 만을 이용하여 글자를 3차원적으로 만든다.
- 메뉴 만들기
- CSS 만을 이용하여 메뉴를 만든다.
- 문자를 이용한 기호 만들어 쓰기
- CSS 만을 이용하여 그래픽이 아닌 기호나 그림문자를 만든다.
- Javascript로 CSS 자동으로 만들어 표현하기
- CSS에서 사용되는 {, }는 unescape을 사용하여야 한다.
- 상당히 자유로운 CSS 글자 크기 선택
- <font size=1>...<font size=7>나 <h1>...<h7> 보다 넓은 범위에서 정밀하게 글자 크기 조정이 가능하다.
- 테이블 장식
- CSS을 이용하여 테이블의 셀들을 장식하면 HTML로 하는 것 보다 훨신 간편하고 세부적으로 조정 할 수 있다.
- 레디오 단추 스타일 예제
- CSS와 Javascript를 사용하여 레디오 단추의 모양을 변경시켜 사용하는 예제로 상당히 제한 된 범위에서만 가능하다.
|
의 문서(http://trio.co.kr/webrefer/csex/cxexp.html)는 자유로이 연결 사용이 가능함.