태그소스™

링크 밑줄만 없애기

썬~♥ 2009. 4. 7. 17:24
링크 밑줄만 없애기
링크 밑줄만 없애기

<style type="text/css">
a {text-decoration:none;}
</style>



링크에 마우스 올렸을때 글자색 변하면서 굵고 밑줄생김(전체)



<style>
<!--
a:link, a:visited, a:active { color: blue;

text-decoration: none;

}
a:hover {color: red; t

ext-decoration: underline;

font-weight: bold;
}
-->
</style></head>





개별 링크 부분에 밑줄 없애기는 클래스지정

<style>
<!--
a.aa:link, a.aa:visited, a.aa:active {
color: blue;
text-decoration: none;
}
a.aa:hover {
color: red;
text-decoration: underline;

font-weight: bold;
}
-->
</style></head>



<a href="링크 경로" class=aa>제목</a>



-----------------------------------

a:link 방문하지 않은 링크
a:visited 방문한 링크
a:active 마우스를 클릭했을 때
a:hover 마우스 올렸을 때

{

color: blue 글자색상
text-decoration:none 밑줄 생기지 않게

(생기지않게 none 생기게 underline)

font-weight: bold; 글자굵게



font-family:굴림; 글자종류

font-size:11pt; 글자크기

}