반응형
반응형
반응형

traycolor.exe
반응형

'프로그래밍 > Html' 카테고리의 다른 글

DTD  (0) 2009.02.11
Div 와 Span  (0) 2009.02.11
css !important  (0) 2009.02.11
border-style  (0) 2009.02.11
윈도우 크기 변화에 따른 폼 속성 크기 변경  (0) 2009.02.11
반응형

HTML의 a태그로 만들어진 링크에는, 기본적으로 항상 밑줄(Underline)이 붙습니다.

요즘에는 링크에서 밑줄을 지우는 것이 일반적입니다. 링크에서 밑줄을 삭제하려면

style="text-decoration:none"

이라는 스타일을 지정하면 됩니다. 또는 클래스를 만들어 지정해 주어도 됩니다.


그런데 text-decoration:none 을 지정해도, 아주 복잡한 웹페이지의 경우에는 링크가 없어지지 않는 경우가 있습니다. CSS 속성들이 서로 뒤엉켜 있기 때문입니다. 이때는

!important

이라는 (느낌표+important) 구문을 추가하여 강제로 지정해야 합니다. 다음 예제와 같습니다:

링크 텍스트에서, 언더라인(밑줄) 삭제 예제


파일명: example.html
<html>
<head>
<style type="text/css">

/* 링크에서 밑줄 없애기 */
a.no-uline { text-decoration:none }

/* 마우스 지나갈 때만 삭제 + 강제로 없애기 */
a.noul:hover { text-decoration:none !important }

</style>
</head>


<body>


<!-- 스타일을 직접 지정하여, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" style="text-decoration:none">Google 검색</a>


<br />


<!-- a.no-uline 클래스를 이용하여, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" class="no-uline">Google 검색</a>


<br />


<!-- 마우스를 가져갔을 때에만, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" class="noul">Google 검색</a>


</body>
</html>



▶▶ HTML-CSS] 마우스 가져갔을 때에만, 밑줄(언더라인) 표시; Mouse Hover Underline

모든 밑줄 한꺼번에 없애는 법: ▶▶ A태그에서 밑줄을 없애려면? 링크 언더라인 지우려면? Link Underline Remove


반응형

'프로그래밍 > Html' 카테고리의 다른 글

Div 와 Span  (0) 2009.02.11
색상표코드 알아보는 프로그램  (0) 2009.02.11
border-style  (0) 2009.02.11
윈도우 크기 변화에 따른 폼 속성 크기 변경  (0) 2009.02.11
한글 깨짐 현상  (0) 2009.02.11
반응형

border-style 은 테두리의 스타일을 지정하는 속성입니다.
 

선택자{border-style:속성값}

테두리에 색상값을 지정할 때는 위와 같이 border-width 두께 속성과 함께 지정해야 테두리를 확인할 수 있습니다..

네 변의 테두리 색상값을 각각 다르게 설정할 때는 아래와 같이 합니다.

선택자{border-top-style:속성값;border-right-style:속성값;border-bottom-style:속성값;border-left-style:속성값;}

 

형태를 지정하는 border-style 속성의 속성값

solid (내부가 채워진 선 모양)
ridge (선이 입체적으로 돌출됨)
dotted (점선 모양으로 표시)
dashed (끊어진 선 모양으로 표시)
double (선을 두줄로 표시)
inset (내부가 약간 들어간 듯하게 선을 표시)
outset (바깥으로 돌출된 듯하게 선을 표시)
groove (홈이 파진 듯하게 선을 표시)
none (나타나지 않거나 혹은 기본적인 선 모양)
hidden (모양을 숨김)
반응형

'프로그래밍 > Html' 카테고리의 다른 글

색상표코드 알아보는 프로그램  (0) 2009.02.11
css !important  (0) 2009.02.11
윈도우 크기 변화에 따른 폼 속성 크기 변경  (0) 2009.02.11
한글 깨짐 현상  (0) 2009.02.11
css 사전.  (1) 2009.02.11
반응형
window.onresize = function()
{
    document.reply.body.style.height = document.body.clientHeight - 350;
    document.reply.ask_body.style.height = document.body.clientHeight - 240;
}
 
window. = function()
{
    document.reply.body.style.height = document.body.clientHeight - 350;
}
반응형

'프로그래밍 > Html' 카테고리의 다른 글

css !important  (0) 2009.02.11
border-style  (0) 2009.02.11
한글 깨짐 현상  (0) 2009.02.11
css 사전.  (1) 2009.02.11
textarea  (0) 2009.02.11
반응형
한글깨짐 현상 방지

// 뷁 출력가능.

<meta http-equiv=\"Content-Type\" content=\"text/html; charset=ks_c_5601-1987\">

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
반응형

'프로그래밍 > Html' 카테고리의 다른 글

border-style  (0) 2009.02.11
윈도우 크기 변화에 따른 폼 속성 크기 변경  (0) 2009.02.11
css 사전.  (1) 2009.02.11
textarea  (0) 2009.02.11
색상표  (0) 2009.02.11

+ Recent posts

티스토리툴바