웹마스터 팁
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>
![](http://majorball.giveu.net/major2.gif)
* 란즈님에 의해서 게시물 이동되었습니다 (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>
![](http://majorball.giveu.net/major2.gif)
* 란즈님에 의해서 게시물 이동되었습니다 (2002-11-04 19:14)