    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>투명하게 지정하기</title>
      <style>
        img {
          border: 5px solid #8dc;
          opacity: 0.3;
        }
        img:hover {
          border: 5px solid #fff;
          opacity: 1;
        }
      </style>
    </head>
    <body>
      <img src="../../font/font_h.png">
      <img src="../../font/font_t.png">
      <img src="../../font/font_m.png">
      <img src="../../font/font_l.png">
    </body>
    </html>