하나솔루션
Home > 고객센터 > 자료실

자료실

자료실

html 마우스오버시 백그라운드 색상변환

  • 하나솔루션
  • 2017-11-10 15:59:49
  • hit749
  • 121.125.23.140

<style>
   .pic{ width:300px; height:300px; background: url(이미지주소) no-repeat; } 
   .text{ width:240px; height:240px; background:#000000; opacity:0; padding:30px;} 
   .text p{ padding-top:42%; } 
   .pic:hover .text { opacity:0.6; text-align:center; color:#ffffff; }
</style>

 

<div class="pic"> 
   <div class="text"> 
      <p>좋은과일 고르는 방법!!</p>
   </div> 

</div>

게시글 공유 URL복사
댓글[0]

열기 닫기

CUSTOMER CENTER

010-2343-0702

월-금 am 9:30 - pm 06:00
점심시간 : am 12:00 - pm 01:00
토ㆍ일 / 공휴일 휴무

무통장 입금계좌 안내

661-910388-38207

네임서버안내

1차 ns1.webit.kr
211.215.17.210
2차 ns2.webit.kr
211.215.17.212