이미지가 나오지 않습니다

인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

가상클래스 hover 활용한 실전 퍼블리싱 01(오버하면 상세설명 나타나는 상품목록)

작성

290

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>DropDown Navigation</title>
  <style>

      @import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

      body {
        font-family: 'Black Han Sans', sans-serif;
        color: #222;
        line-height: 1.5em;
      }
      a{
        color: #222;
        text-decoration: none;
      }
  </style>
</head>
<body>

  <div class="items">
    <div class="item">
      <img src="인프런/assets/product-01.png" alt="">
      <div class="caption">
        <h2>Rirakuma doll 25cm</h2>
        <p>
          The owner of the most popular and cute looks Rilakkuma ~! Rilakkuma giant - It is size sale to small size.
        </p>
        <p>Price : <s>$12</s> → $10</p>
        <a href=""></a>
      </div>
    </div>
  </div>


</body>
</html>