CSS画像

最初に画像を導入し、説明を追加し、それを運ぶために div を使用します。

それから画像の表示をカスタマイズし始めます:

境界線を追加します。画像に変更し、説明フォントを変更し、フォント サイズを変更し、境界線が画像に収まるように div 全体を左にフローティングします:

  <div class="image">
    <a href="./1348306907524.jpg" target="_self">
        <img src="1348306907524.jpg" width="150px" height="150px">
    </a>
    </div>
    <div>beautiful </div>

これが処理後の効果です

次に、もう一度デザインしてください。 画像の透明度: これは比較的簡単です。次のことを追加するだけです:

不透明度: 0.5;

この属性の値の範囲は 0 ～ 1 で透明度を設定します。0 は完全に透明です。1 は完全に透明です。完全に不透明です。

以下は半透明のレンダリングです: