링크2개 동시에 사용할때 질문드립니다.
훌림목
2023.04.01
위와 같이 위쪽이 평소상태구요. 아래가 오버상태인데요.
이미지를 쓰지 않고 텍스트만으로 코딩을 할 경우
CSS에서 어떤식으로 잡아야 할까요?
div 안에 링크값이 두개예요.
gallery와 갤러리의 링크색이 서로 다르구요.
마우스 오버시 백그라운드 색도 바뀌고 두개의 링크색도 바뀝니다.
링크가 두개라 참 애매하네요.
CSS 만으로 쉬운 방법이 있나요?
-
빵야
감사합니다~~
-
좋아해
a{width:150px;height:50px;display:inline-block;border:1px solid #ddd;text-align:center;color: #c4c4c4;text-decoration:none;font-size:12px;}
a span{font-size:15px;display:block;color:#7c7c7c;margin:5px 0 2px 0;}
a:hover{background:#ddd;color:#fff;}
a:hover -
무들
예를 들어서 좀만 더 쉽게 설명해주시면 안될까요? ㅜㅜ
-
핫팬츠
a태그 안에 span같은걸로 각 텍스트를 따로따로 감싸고
a:hover{}
a:hover span{}
이런식으로 오버했을때 따로따로 스타일을 주면 됩니다.