CSS3 圖像和背景

1.網頁圖像

1.1圖像大小

< img > 標籤包含 width 和 height 屬性 ,使用它們可以更令活控制圖片大小或設計圖像大小

針對移動設備,下面4個屬性更適應彈性佈局,應用比較廣泛。

win-width:控制最小寬度。
wax-width:定義最大寬度。
min-height:定義最小高度。
max-height:定義最大高度/

實例設計

本例定義圖像的長寬高

在這裏插入圖片描述

在這裏插入圖片描述

2.圖像邊框

在這裏插入圖片描述

代碼如下:

在這裏插入圖片描述

3.半透明顯示

本例使用 opacity 設計圖像的不透明度

在這裏插入圖片描述
代碼如下:
在這裏插入圖片描述

4. 形狀圖形

在這裏插入圖片描述
在這裏插入圖片描述

5.圖像陰影

例圖:
在這裏插入圖片描述

代碼:
在這裏插入圖片描述

在這裏插入圖片描述
作者:在校生記錄博客

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章