한국어
techweb 웹사이트 탐색을 시뮬레이션하려면 CSS 코드를 사용해야 합니까? 효과는 실제와 거의 같습니다!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html" charset=gb2312" /> <style type="text/css" > <!-- #siteNav { 지우기: 둘 다; 너비: 750px; 배경: #fff; 글꼴-높이: 일반; -bottom:2px solid #84B0C7; 음성 계열: 상속; 너비: 749px } #siteNav ul { 여백:0; #siteNav li { 디스플레이:인라인; 여백:0; } #siteNav a { float:left; url() 반복 없음 여백:0 0 4px; :none; } #siteNav aspan { float:left; background:url() no-repeat right top; -Mac */ #siteNav a span { float:none } /* IE5-Mac 해킹 종료 */ #siteNav a:hoverspan { color:#036 } #siteNav a:hover { background-position:0% -42px ; } #siteNav a:hover 범위 { 배경 위치:100% -42px } #siteNav #sel a { 배경 위치:0% -42px } #siteNav #sel 범위 { 배경 위치:100% -42px ; } --> </style> <title>데모</title> </head> <body> <div id="siteNav"> <ul> <li id="sel"><a href="#" ><span>홈페이지</span></a></li> <li><a href="#"><span>정보</span></a></li> <li><a href ="#"><span>캐릭터</span></a></li> <li><a href="#"><span>관리</span></a></li> <li ><a href="#"><span>운영</span></a></li> <li><a href="#"><span>재무</span></a></ li> <li><a href="#"><span>기술</span></a></li> <li><a href="#"><span>제품</span></ a></li> <li><a href="#"><span>네트워크</span></a></li> <li><a href="#"><span>통신</span> li> 범위></a></li> <li><a href="#"><span>댓글</span></a></li> <li><a href="#"> <span >블로그</span></a></li> <li><a href="#"><span>친구</span></a></li> <li><a href= "# "><span>스크롤</span></a></li> <li><a href="#"><span>검색</span></a></li> <li> <a href="#"><span>WAP</span></a></li> </ul> </div> </body> </html>
