<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>슬라이딩 도어즈02(롤오버효과 엉터리)</title> <style> .menu, .menu ul, .menu li{list-style:none; padding:0;} .menu li{float:left; outline:1px dotted #00f; background:url(tab-right.png) no-repeat right top;} .menu a{display:block; outline:1px dotted #f00; font:bold 16px/1 sans-serif; text-decoration:none; color:#000; padding:10px 25px 5px 25px; background:url(tab-left.png) no-repeat left top;} .menu li:hover{background-image:url(tab-right-hover.png);} ....
원문링크 : 슬라이딩도어즈02
네이버 블로그
티스토리
커뮤니티