在前端開發中，CSS樣式表是非常重要的一部分，它可以讓我們通過樣式定義頁面的布局、字體、顏色等方面的樣式。除此之外，CSS樣式表還可以用來定義圖片的樣式。以下是一些常用的CSS樣式表圖片大全。

/* 圖片占據整個容器 */
img {
width: 100%;
height: 100%;
}
/* 裁剪圖片 */
img {
clip-path: polygon(0 0, 0% 100%, 100% 100%, 100% 0%);
}
/* 旋轉圖片 */
img {
transform: rotate(45deg);
}
/* 圖片邊框 */
img {
border: 2px solid black;
}
/* 圖片圓角 */
img {
border-radius: 50%;
}
/* 圖片陰影 */
img {
box-shadow: 5px 5px 10px #888888;
}
/* 圖片透明 */
img {
opacity: 0.5;
}
/* 黑白效果 */
img {
filter: grayscale(100%);
}
/* 反轉圖片 */
img {
filter: invert(100%);
}
/* 圖片模糊 */
img {
filter: blur(5px);
}
/* 浮動圖片 */
img {
float: left;
}
/* 居中圖片 */
img {
display: block;
margin: 0 auto;
}
/* 圖片動畫 */
img:hover {
transform: scale(1.5);
transition: transform 0.5s ease;
}

以上是一些常用的CSS樣式表圖片大全，它們可以讓我們更好地控制圖片的樣式，從而打造出更加美觀的頁面。