本文目錄導(dǎo)讀：

1. 圖片尺寸調(diào)整
2. 圖片邊框與背景設(shè)置
3. 圖片對齊方式設(shè)置
4. 圖片陰影效果設(shè)置

CSS中圖片的其他樣式設(shè)置技巧

在CSS中，我們可以對圖片進(jìn)行多種樣式的設(shè)置，其中一項重要的技巧就是設(shè)置圖片的透明度，雖然本文主要不聚焦于透明度設(shè)置，但在此仍會介紹一些與圖片相關(guān)的CSS樣式設(shè)置方法。

圖片尺寸調(diào)整

在CSS中，我們可以使用width和height屬性來調(diào)整圖片的尺寸。

img {
    width: 50%;  /* 圖片寬度為容器寬度的50% */
    height: auto; /* 圖片高度自動調(diào)整以保持原始縱橫比 */
}

圖片邊框與背景設(shè)置

我們可以為圖片添加邊框或背景色以增強(qiáng)視覺效果。

img {
    border: 2px solid #ccc; /* 添加灰色邊框 */
    background-color: #f0f0f0; /* 設(shè)置背景色 */
}

圖片對齊方式設(shè)置

在頁面中，我們經(jīng)常需要調(diào)整圖片的對齊方式，可以使用vertical-align屬性來垂直對齊圖片，使用display屬性來調(diào)整圖片與其他元素的布局關(guān)系。

img {
    vertical-align: middle; /* 垂直居中對齊 */
    display: block; /* 使圖片像塊級元素一樣顯示 */
}

圖片陰影效果設(shè)置

通過CSS的box-shadow屬性，我們可以為圖片添加陰影效果，增強(qiáng)立體感。

img {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* 添加陰影效果 */
}

五、關(guān)于透明度的間接設(shè)置方法（但不直接設(shè)置透明度）

在CSS中不直接通過屬性設(shè)置圖片透明度，但我們可以通過其他方法間接實現(xiàn)透明效果，利用背景圖片疊加法或使用偽元素來模擬透明效果等，這些方法雖然不直接涉及透明度的設(shè)置，但同樣可以達(dá)到調(diào)整圖片視覺表現(xiàn)的目的，在實際應(yīng)用中可以根據(jù)需求靈活選擇使用，需要注意的是，這些方法可能需要更復(fù)雜的CSS代碼來實現(xiàn)預(yù)期效果，在實際開發(fā)中，***可以根據(jù)具體需求選擇適合的方法來實現(xiàn)對圖片的樣式調(diào)整，雖然本文主要討論的是與透明度無關(guān)的設(shè)置技巧，但理解這些間接方法對于提升網(wǎng)頁視覺效果同樣重要。