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

번역문 소유자 - Trio 홈페이지의 문서(http://trio.co.kr/webrefer/csex/cxexp.html)는 자유로이 연결 사용이 가능함.