링크 관련 CSS(스타일시트)
<style>
a:link { color:#333333; text-decoration: none;}
a:visited { color:#333333; text-decoration: none;}
a:active { color: #333333; text-decoration: none;}
a:hover { color: #0A7299; text-decoration: underline; }
</style>
hover는 링크위에 마우스를 댈 경우 작동합니다. 지정한 색상과 언더라인이 나타나게 됩니다.
언더라인을 없애고 싶으면 underline을 none으로 수정해 주면 됩니다.
CSS적용은 웹페이지의 <header></header> 안에 넣으면 되는데
실제로는 더 많은 스타일을 적용시킵니다. 특정 링크만 적용시킬 수도 있지만 이것은 전체페이지에 적용되는 링크 관련 CSS입니다.
또는 CSS파일을 별도로 만들어 링크를 통해 적용시키기도 합니다.
<link rel="stylesheet" href="./style.css">
'컴퓨터-유용한팁 > HTML' 카테고리의 다른 글
즐겨찾기 버튼 만들기 (0) | 2015.09.05 |
---|---|
링크에 마우스오버시 내용 바뀌기 (0) | 2015.09.05 |
홈페이지내에 CSS로 이미지 테두리 없애기 (0) | 2015.09.05 |
링크걸린 텍스트/이미지 클릭하면 생기는 점선 테두리 없애기 (0) | 2015.09.05 |
오른쪽 클릭 방지소스 (0) | 2015.09.05 |