<!DOCTYPE html>
<html>
<head>
<style>
img {
opacity: 0.5;
}
</style>
</head>
<body>
<h1>画像の透明度</h1>
<p>opacityプロパティは要素の透明度を指定します。値が小さいほど透明度が高くなります。</p>
<p>不透明度50%の画像</p>
<img src="https://img-techis-jp.sgp1.digitaloceanspaces.com/css/img\_forest.jpg" alt="Forest" width="170" height="100">
</body>
</html>
