CSS畫像
最初に畫像を?qū)毪?、説明を追加し、それを運ぶために 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;
この屬性の値の範(fàn)囲は 0 ～ 1 で透明度を設(shè)定します。0 は完全に透明です。1 は完全に透明です。完全に不透明です。
以下は半透明のレンダリングです:
