12_자기소개 페이지

2916 단어 TILTIL

# 오늘 한 일

자기소개 페이지 리뉴얼

1) 이미지에 마우스 오버 효과 주기 (hover연결하기)

<style>
  .coffee:hover img {
    opacity: 0.4;
  }
</style>

<html>
  <body>
    <img src="./img/coffee.jpeg class="coffee"></img>
  </body>
</html>  
  • img태그에 클래스 선택자를 입력
  • css에서 .클래스선택자:hover img{} 형식으로 입력

2) 단어를 기준으로 줄바꿈하고 싶을 때

<style>
  p {
    word-break: keep-all;
  }
</style>

좋은 웹페이지 즐겨찾기