링크 오버속성+버튼 디자인

by 조쉬 posted Dec 23, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

링크의 마우스 오버속성

<style type="text/css">
   a:link {text-decoration:none;}
   a:active{text-decoration:none;}
   a:visited{text-decoration:none;}
   a:hover{text-decoration:none; border-bottom:1px #000000 dotted;}
   a:hover.a1{text-decoration:none; border-bottom:1px #000000 solid;}  <--2번째 오버속성
</style>

----------------------------------------------------------------------------

<a href=http://www.adma.kr>Adma</a>  <--- 그냥오버가 적용됨

<a href=http://www.adma.kr class="a1">Adma</a>  <---a1오버속성 적용됨

----------------------------------------------------------------------------

TIP!!

이쁜이 버튼만들기!!

-------------------------------------------------------------------------------

<style type="text/css">
   input.a1{width:100; border-color:black; border:1px solid; background-color:#ffffff }
</style>

<input type="button" value="확인" class="a1">