이미지와 텍스트를 동시에 효과줄려면 어떻게 해야하나요?
소리
2023.04.01
recipe 블럭이 동시에 효과를 주어야 해서 아래처럼 했는데 효과가 적용되지가 않네요..
이미지안으로 보더 2px과class=title에 해당하는 text에 밑줄 효과를 적용해야하는데
.recipe a span.title{text-decoration:underline}
.recipe a:hover span.title{text-decoration:none}
:hover이 적용되지 않아요? div class=recipe
a href=#
span class=imgimg src=img/1_1.jpg alt=과자처럼 바싹한 또티아 감자 치즈 구이 class=img_recipe/span
span class=recipe_date2009.05.01/spanbr
span class=title과자처럼 바싹한br 또띠아 감자 치즈구이/span
/a
/div
span태그안에 a로 감싸면 개별 링크로 되서 동시에 줄수 있는 방법은 없을까요?
-
이룩
a 에서 기본적으로 언더라인이 있어서 그런겁니다.
-
해나
a 태그에 이미 underline 이 있어서 아마 티가 안날 뿐인거 같은데요
저기 css 상단에 .recipe a{text-decoration:none;} 이거 한번 추가해보세요