본문 바로가기

컴퓨터/언어,프로그래밍

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

제주삼다수, 2L,... 오뚜기 진라면 매운... 상하목장 유기농 흰... 남양 프렌치카페 카... 고려인삼유통 홍삼 ... 종근당건강 오메가3... 요이치 카링 유무선...

태그