css 는 A 라벨 의 배경 을 이용 하여 재 미 있 는 효 과 를 낼 수 있 습 니 다.1/2 페이지
그 가 제시 한 효 과 는 9 일 음악의 첫 페이지 에 있 는 FLASH 가 만 든 효과 이다.CSS 로 같은 효 과 를 모방 하려 면 FLASH 나 SEO 같은 목 지 를 사용 하고 싶 지 않 기 때 문 일 것 이다.그래서 FW 로 두 장의 GIF 그림 을 만들어 이런 효 과 를 모 방 했 고 테스트 용이 라 그림 등 여러 가지 측면 에서 고려 하지 않 았 다.거 칠 어 보이 지만 그래도 재 미 있 을 것 같 아.흐흐.................................................. 먼저 a:link,a:visited,a:hover,a : active:내 가 쓸데없는 말 이 라 고 할 수도 있 지만 초보 자가 이 걸 보면 유용 할 거 야.다른 사람 이 알려 준 것 은 자신 이 반나절 동안 깨 달 은 것 보다 빨 라.
a:link{}
a:visited {}
a:hover {}
a:active {}
이하 CSS 부분:
<style>
*{ margin:0; padding:0; list-style:none; }
body{ font-size:12px; line-height:1.8; padding:50px; background: #333; font-family:Verdana;}
#test{ border:1px solid #000; padding:20px; float:left; background:#666666}
#test li{float:left;margin-left:20px;}
#test a{display:block;width:83px; line-height:79px;text-decoration:none; border:1px solid #000; text-align:center;}
#test a:link,#test a:visited{color:#000;background:url(/upload/20071211191456983.gif);}
#test a:hover,#test a:active{color:#000;background:url(/upload/20071211191456897.gif); border:1px solid #FF6600;}
</style>
<div id="test">
<ul>
<li><a href="https://www.jb51.net">test1</a></li>
<li><a href="https://www.jb51.net">test2</a></li>
<li><a href="https://www.jb51.net">test3</a></li>
<li><a href="https://www.jb51.net">test4</a></li>
</ul>
</div>
1 2 다음 페이지 전문 을 읽다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
