작성일/수정일
2017-02-20 10:40:34 / 2017-02-20 10:40:34
이미지에 마우스를 가져가면, 이미지의 색상이 변하는 태그입니다.
.pic1{ width:338px; height:284px; background: url(이미지이름.jpg) no-repeat; }
.text{ width:338px; height:285px; background:#000000; opacity:0; }
.pic1:hover .text { opacity:0.6; text-align:justify; color:#ffffff; font-size:20px; font-weight:700; font-family:"맑은 고딕"; padding:30px; }
<div class="pic1"> <div class="text"> 드라이아이스란 무엇이며, 어떻게 만들어 지는지 소개 합니다. </div> </div>