이런 탭메뉴는...
늘솜
2023.04.01
http://ao.chonnam.ac.kr/?sid=86
이미지없이 css로만 만드는건 어떤식으로 처리해야하는걸가요...
on이 되었을때 아래선여백을 없애야하는데..
거기만 없애는게 쉽지가않네요...style type=text/css
body{margin:20px 20px}
ul:after{display:block;clear:both;content:'}
ul{border-bottom:1px solid #dadada}
ul li a{float:left;width:20%;border:1px solid #dadada;border-bottom:1px solid #dadada;padding:5px 0 5px 0;text-align:center;display:block;margin:0 5px 0 5px}
ul li a:hover{border:1px solid #000;border-bottom:1px solid #fff}
/style
!-- tab --
ul
lia href=#none01/a/li
lia href=#none02/a/li
lia href=#none03/a/li
lia href=#none04/a/li
/ul
!-- //tab --
이런구조가 아닐가요 ??
-
상처주지마
없애는게 하니라 #fff , 흰색으로 바꾸네요 on클래스가 붙었을 때