ul,li{ list-style:none; float:left;}

body{ font-size:12px; 줄 높이:1.6; 글꼴 계열:Verdana, '宋体', Arial; text-align:center;}

#info li{ margin-left:4px; margin-top:15px;}

#info a {display:block;text-align:center; padding-left:15px;

padding-top:2px;padding-bottom:1px;배경-이미지: 

url(/upload/20080515201218783.GIF);

Background-repeat: no-repeat;color: #000 ; 너비:47px; 커서:손; 텍스트 장식: 없음;}

#job a:link,#job a:visited{배경-위치: -62px 0px;}

#eve a:link,#eve a:visited{배경-위치: -124px 0px;}

#oth a:link,#oth a:visited{배경-위치: -186px 0px;}

#car a:hover ,#car a:active {배경-위치: 0px -22px; 색상:#fff;}

#job a:hover ,#car a:active {배경 위치: -62px -22px; 색상:#fff;}

#eve a:hover ,#car a:active {배경 위치: -124px -22px; 색상:#fff;}

#oth a:hover ,#car a:active {배경 위치: -186px -22px; color:#fff;}

 

 

 


위 내용은 CSS를 이용하여 그림으로 구현한 버튼의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:Cakephp에서 관련 테이블을 쿼리하는 방법 요약다음 기사:Cakephp에서 관련 테이블을 쿼리하는 방법 요약

관련 기사

더보기