[HTML/Style] 링크 점선 표시되는거 한방에 해결

<!-- *********** 링크 점선 표시되는거 한방에 해결 -->

링크 밑줄만 없애기

<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;

   text-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;  글자크기