본문 바로가기

DHTML/CSS/META

CSS 스타일시트 활용 BODY에서 활용적인 소스


<TITLE> 스타일시트 활용 </TITLE>
<STYLE>
<!--
 body,table,input {font-size:9pt;}  /* body,table,input 태그에 글자 크기, 색상 지정 */

 textarea {color:#009933;      /* textarea 글자 색상 지정 */
 height:100px}         /* textarea 높이 지정 */

 .tb {border-style:double;    /* 테두리선 모양 지정 */
 border-color:#DB7100;     /* 테두리선 색상 지정 */
 margin-top:40px;       /* 브라우저와의 위쪽 간격 지정 */
 margin-left:30px;}       /* 브라우저와의 왼쪽 간격 지정 */

 .re {color:#CC3300;}      /* 글자 색상 지정 */

 .box {border:1 dotted orange;   /* 테두리 두께와 선모양, 색상 지정 */
 color:#3366CC;        /* 글자 색상 지정 */
 height:20px;}         /* 높이 지정 */

 .td1 {width:70px;       /* 넓이 지정 */
 background-color:#FFCC66;   /* 배경색상 지정 */
 padding:5px}         /* 문단 안쪽의 여백 지정 */

 .td2 {width:300px;       /* 넓이 지정 */
 background-color:#FFAA01;   /* 배경색상 지정 */
 padding:3px}         /* 문단 안쪽의 여백 지정 */

 A:link, A:visited {color:#6633CC; text-decoration:none} /* 하이퍼링크의 기본링크와 방문 링크의 색상과 모양 지정 */

 A:hover {color:#66FF66; text-decoration:underline} /* 하이퍼링크의 롤오버 링크의 색상과 모양 지정 */
-->
</STYLE>