웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
링크부분에 밑줄을 없애는 방법
2002.11.04 10:29
링크부분에 밑줄을 없애는 방법
최근에 홈페이지를 보면 링크부분에 밑줄이 없는 것을 많이 볼 수 있습니다. 소스를 보면 링크부분의 속성을따로 지정한 것 같지도 않고, 그렇다고 링크부분의 속성을 따로 지정한 것 같지도 않고, 그렇다고링크부분의 문자를 이미지 처리한 것도 아닌데 밑줄이 나타나지 않습니다.
이는 마이크로소프트 진영에서 발표한 기술인 CSS기술의 일부를 이용해 해결할 수 있습니다. 현재는CSS기술은 HTML 3.2의 표준으로 채택되어 있습니다.
참고로 이 CSS는 넷스케이프 3.X버전에는적용되지 않습니다.
넷스케이프4대 버번과 인터넷익스플로러4대 버전에서는 잘 적용이 됨을 직접 확인을 했습니다.
다음의 빨간색부분을 html소스의 <head> ~ </head>사이에 넣어줍니다.
그러면 그 페이지의 모든 링크된 글자는 밑줄이 나오질 않습니다.
많이 활용하시고 좋은 홈페이지 많드세요....
<style type="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
-->
</style>
* 란즈님에 의해서 게시물 이동되었습니다 (2002-11-04 19:14)
최근에 홈페이지를 보면 링크부분에 밑줄이 없는 것을 많이 볼 수 있습니다. 소스를 보면 링크부분의 속성을따로 지정한 것 같지도 않고, 그렇다고 링크부분의 속성을 따로 지정한 것 같지도 않고, 그렇다고링크부분의 문자를 이미지 처리한 것도 아닌데 밑줄이 나타나지 않습니다.
이는 마이크로소프트 진영에서 발표한 기술인 CSS기술의 일부를 이용해 해결할 수 있습니다. 현재는CSS기술은 HTML 3.2의 표준으로 채택되어 있습니다.
참고로 이 CSS는 넷스케이프 3.X버전에는적용되지 않습니다.
넷스케이프4대 버번과 인터넷익스플로러4대 버전에서는 잘 적용이 됨을 직접 확인을 했습니다.
다음의 빨간색부분을 html소스의 <head> ~ </head>사이에 넣어줍니다.
그러면 그 페이지의 모든 링크된 글자는 밑줄이 나오질 않습니다.
많이 활용하시고 좋은 홈페이지 많드세요....
<style type="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
-->
</style>
* 란즈님에 의해서 게시물 이동되었습니다 (2002-11-04 19:14)
댓글 5
-
행복한고니
2002.11.07 06:50
-
뽀유♡
2002.11.08 12:17
행복한고니// 제로보드 이용자분들은 a:visited를 꼭 써줘야한답니다 -0-
안그러면 한번 눌렀던 링크의 색은 기본값으로 파랗게 나오죠.. -
편성웅
2002.11.08 12:49
a {color:글자색;text-decoration:none}
이런식으로 하면 visited안써도 글자색 안변하더군요.. -0-;;
body, td, a{ font-size:9pt;color:black;text-decoration:none}
전 저런식으로 설정해버린다는.. -_-;; -
뽀유♡
2002.11.08 12:51
일반 문서에서는 안변하죠..^^
제로보드 게시판 인클루드 시켜버리면 변한다는..
홈피에 텍스트메뉴 적용하신분들은..^^ -
ROBIN
2003.01.17 07:31
캬캬 뽀유 막 따지네;; ㅎㅎㅎ
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자]iframe대신 사용할수있는 오브젝트-1 [8] | ZipShin | 2002.12.06 |
허접강의 -_-; 소스보기 금지 푸는방법들 [21] | 허진규 | 2002.12.05 |
흐르는 폼 내용 출력 ㅡ,.ㅡγ [9] | ☆밥동자γ | 2002.11.30 |
[HTML 초보자] 글자움직이는 마퀴태그의 응용(Last) [3] | ZipShin | 2002.11.26 |
[HTML 초보자] 움직이는 글자반복횟수를 정하자... | ZipShin | 2002.11.22 |
[HTML 초보자] 글자가 움직이는 스크롤 지연값 -_- | ZipShin | 2002.11.22 |
〔Tale〕테일이랑 같이 글상자 이쁘게 만들어요 [1] | TaleB˚ | 2002.11.17 |
[HTML 초보자] 글자가 좌우 왕복하게 만들기. | ZipShin | 2002.11.14 |
[HTML 초보자] 마퀴태그가 한번 반복 후 화면 끝에서 정지 | ZipShin | 2002.11.08 |
[HTML 초보자] 일정한 방향으로 스크롤하기(마퀴태그) [5] | ZipShin | 2002.11.08 |
링크부분에 밑줄을 없애는 방법 [5] | Kinds | 2002.11.04 |
입력폼 스타일변경... [2] | 디아릭스 | 2002.11.04 |
[HTML 초보자] 글자 움직이는 높이 설정 | ZipShin | 2002.11.02 |
희안한 css [투명한 프레임과 투명한 이미지] [10] | ☜*핑♡크*☞ | 2002.10.30 |
[HTML 초보자] 글자 움직이는 폭(넓이) 설정 | ZipShin | 2002.10.28 |
뽀유의 스타일시트 특별강좌 [28] | 뽀유♡ | 2002.10.25 |
오른쪽마우스, 드래그 금지하는 태그.. [4] | xtersh | 2002.10.24 |
[HTML 초보자]- 글자가 움직이는 배경색깔 [1] | ZipShin | 2002.10.22 |
[HTML 초보자]-marquee 마퀴태그의 움직이는 속도 [5] | ZipShin | 2002.10.20 |
[HTML 초보자] 마퀴태그로 움직이되, 마우를 가져다 되면 멈추고, 시작되고.. [6] | ZipShin | 2002.10.17 |
a {text-decoration:none}
으로 쓰는게 약간이라도 소스를 절약하는 방법이 아닐까 합니다. 저 한줄을 쓰면
a:link {text-deration:none}
a:visited {text-deration:none}
a:active {text-deration:none}
a:hover {text-deration:none}
이렇게 네줄을 쓰는 것과 같은 효과죠~ ^^