하이퍼 링크 밑줄을 제거하는 기본 CSS 문제

Question

내 초보적인 질문에 답하십시오.

http://jsbin.com/css-play-notfound/6

이 파란색 밑줄이 성가 시게 제목에 내 이미지와 텍스트 사이에 들어온다 이잖아 있습니다.

Answer 1

두 가지를 당신이 할 수 있습니다

변경이 코드 :

<img src="logo.png" alt="REUNIFY" height="35" /> 

이것 :

<img src="logo.png" alt="REUNIFY" height="35" border="0" /> 

을

또한 다음에 추가하십시오. CSS 스타일 시트 :

a { text-decoration:none } 

위의 CSS는 모든 링크에서 밑줄을 제거합니다.

a.noline { text-decoration:none } 

를하고이에 HTML 코드를 변경 : 당신은 밑줄을 가지고 일반 텍스트 링크를 원하는 그냥 밑줄이없는이 특정 링크를 원한다면, 는 다음과 같이 클래스를 만들

을

<h1><span><a href="http://www.wikipedia.org" class="noline"> 
<img src="logo.png" alt="REUNIFY" height="35" border="0" /> 
</a></span> 
Welcome 
</h1> 

Answer 2

은 그냥 <a> 요소에 ...

text-decoration: none; 

을 ... CSS 규칙을 추가하거나 하나 개의 특정 요소에 클래스 나 ID를 사용하여.

당신과 같이 모든 하이퍼 링크에 적용 할 수 있습니다 :

a 
{ 
    text-decoration: none; 
} 

Answer 3

항상 HTML5 및 이전 브라우저 CSS 재설정을 추가해야합니다.

http://cssreset.com/에는 2012 년 가장 인기있는 것이 있습니다. 이렇게하면 항상 깨끗한 슬레이트에서 시작하게됩니다.

Answer 4

a 
{ 
    text-decoration: none; 
} 

다운이 투표하여 CSS를