컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post 배치파일에서 파일 행번호, 줄번호 붙이기; Batch File, Print Line Num...BAT 환경변수 사용 방법, 배치파일에서 환경변수; ENV200자 원고지 서식, 양식; 아래아 한글 HWP 에서 사용하기구글 피카사 용량, Picasa Web Albums의 이미지 파일 업로드 Size소음 차단 귀마개로 좋은 것은? Ear PlugsUTF-8 BOM, UTF-16LE BOM, UTF-16BE BOM 출력 화면Vim Vi 헥사 뷰어, 헥사 에디터 모드 명령어; Hex Viewer Hex Editor...윈도우에서 grep 명령어 사용하기; Windows Win32 grep 명령파일에 출력하는 배치 파일 작성법; BAT으로 Text File 만들기UTF-8 EUC-KR 변환할 때 HTML 글자 깨짐 해결법

A태그에서 밑줄을 없애려면? 링크 언더라인 지우려면? Link Underline Remove

Friday, August 31, 2007

HTML 웹페이지의 A태그 링크에서 밑줄을 업애려면, 그 태그에 style="text-decoration:none" 이런 CSS 속성을 부여하면 밑줄이 없어집니다. 예를 들어 다음과 같은 식으로 사용합니다.

<a href="http://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="http://www.google.co.kr/">Google 검색</a>

<br />

<a href="http://www.google.co.kr/">Google 검색</a>

</body>
</html>


참고: ▶▶ HTML-CSS] A태그의, 링크 밑줄(언더라인) 없애기, 제거; Links without Underline

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top