Friday, August 31, 2007
A태그에서 밑줄을 없애려면? 링크 언더라인 지우려면? Link Underline Remove
HTML 웹페이지의 A태그 링크에서 밑줄을 업애려면, 그 태그에 style="text-decoration:none" 이런 CSS 속성을 부여하면 밑줄이 없어집니다. 예를 들어 다음과 같은 식으로 사용합니다.
그렇지만 모든 링크에 일일이 style="text-decoration:none" 이런 속성을 기입하기는 힘들기 때문에, <style type="text/css">... 속에서, a { text-decoration:none } 이렇게 정의하면 모든 링크에서 밑줄이 한꺼번에 제거됩니다. 대부분의 사이트에서 이 방법을 사용합니다. 다음 예제 소스와 같습니다.
예제 파일명: example.html
참고: ▶▶ HTML-CSS] A태그의, 링크 밑줄(언더라인) 없애기, 제거; Links without Underline
<a href="https://www.google.co.kr/" style="text-decoration:none">Google 검색</a>
그렇지만 모든 링크에 일일이 style="text-decoration:none" 이런 속성을 기입하기는 힘들기 때문에, <style type="text/css">... 속에서, a { text-decoration:none } 이렇게 정의하면 모든 링크에서 밑줄이 한꺼번에 제거됩니다. 대부분의 사이트에서 이 방법을 사용합니다. 다음 예제 소스와 같습니다.
모든 A링크에서 밑줄 한꺼번에 모두 지우기
예제 파일명: example.html
<html>
<head>
<style type="text/css">
a { text-decoration:none }
</style>
</head>
<body>
<a href="https://www.google.co.kr/">Google 검색</a>
<br />
<a href="https://www.google.co.kr/">Google 검색</a>
</body>
</html>
<head>
<style type="text/css">
a { text-decoration:none }
</style>
</head>
<body>
<a href="https://www.google.co.kr/">Google 검색</a>
<br />
<a href="https://www.google.co.kr/">Google 검색</a>
</body>
</html>
참고: ▶▶ HTML-CSS] A태그의, 링크 밑줄(언더라인) 없애기, 제거; Links without Underline
tag: html
HTML | CSS | 자바스크립트 JavaScript
좋은 정보 감사합니다!
<< Home