ul 목록을 스프라이트 방식응로 이미지 넣을수 있나요??
내길
2023.04.01
div class=info_btn
ul
lia href=#img src=./images/btn_scrap.gif width=54 height=25 alt=퍼가기/a/li
lia href=#img src=./images/btn_review.gif width=65 height=25 alt=리뷰보기/a/li
lia href=#img src=./images/btn_write.gif width=65 height=25 alt=한줄평가 하기/a/li
lia href=#img src=./images/btn_place.gif width=65 height=25 alt=관련장소 보기/a/li
/ul
/div
각 li에 a 링크 들어가는데요 html에는 에이링크만 걸고 css에 각 li에 이미지를 백그라운드로 넣을 수 있나요???
이렇게 할려면 각 li에 클래스 걸어줘야 되는거죵??;;
-
야미
.info_btn a {display:block;padding:3px 0 3px 10px;background:url(image.gif) no-repeat 0 5px;}
이런식으로 줄 수 있다는 말씀입니다.
이렇게 하면 링크 잡는 영역이 커져서 사용자가 편리하거든요. 픽셀은 임의로 넣었습니다. -
진나
a태그를 블록잡고 백그라운드로 넣는다는게 무슨말씀이신가요?? 풀어서좀,,,,초보라..,,~ ㅜㅜ
-
여신
당근이죠. 근데 a태그를 블록잡고 백그라운드로 넣으시는게 더 좋습니다