웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스타일 시트파일을 만들기 ..
2004.03.07 11:12
스타일 시트파일을 만들기 ..
가장 기초적인 스타일 시트이다.
잘 아는 바와 같이 스크롤바의 색상과 링크의 스타일만 지정하였다.
<STYLE TYPE="text/css">
<!--
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
-->
</STYLE>
위의 스타일 시트에서는 아래 부분이 실제 스타일 시트의 태그이다.
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
이 부분을 메모장이나 웹 에디터에 저장한다. style.css란 이름으로 저장하였다고 가정한다면
<link rel="StyleSheet" HREF="스타일시트의 경로/style.css" type="text/css">
이와같이 선언하여 style.css파일을 사용할 수있다.
-------------------------------------------------------------------
중복 확인 하지 못했습니다 .중복이 라면 삭제 하겠습니다.
다만, 조금이나마 도움을 주고자 이렇게 글씁니다 .. ㅠㅠ
그럼 안녀히 게시구 .. 더 많은 강좌 보시려면 제 홈 찾아주세요^^
가장 기초적인 스타일 시트이다.
잘 아는 바와 같이 스크롤바의 색상과 링크의 스타일만 지정하였다.
<STYLE TYPE="text/css">
<!--
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
-->
</STYLE>
위의 스타일 시트에서는 아래 부분이 실제 스타일 시트의 태그이다.
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
이 부분을 메모장이나 웹 에디터에 저장한다. style.css란 이름으로 저장하였다고 가정한다면
<link rel="StyleSheet" HREF="스타일시트의 경로/style.css" type="text/css">
이와같이 선언하여 style.css파일을 사용할 수있다.
-------------------------------------------------------------------
중복 확인 하지 못했습니다 .중복이 라면 삭제 하겠습니다.
다만, 조금이나마 도움을 주고자 이렇게 글씁니다 .. ㅠㅠ
그럼 안녀히 게시구 .. 더 많은 강좌 보시려면 제 홈 찾아주세요^^