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

본문 바로가기
사이트 내 전체검색


회원로그인

CSS

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

페이지 정보

작성자 LYJ 작성일08-08-01 21:22 조회4,129회 댓글0건

본문

링크의 마우스 오버속성

<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">

댓글목록

등록된 댓글이 없습니다.


그누보드5
Copyright © jsp.pe.kr All rights reserved.
상단으로
모바일 버전으로 보기