CSS（Cascading Style Sheets）是一種用于網頁樣式設計的語言。下面我們來看一些基于CSS設計的圖片。這些圖片使用了不同的CSS屬性來進行設計，包括邊框、背景、陰影等。

/* 邊框樣式 */
img {
border: 2px solid black;
}
/* 圓角 */
img {
border-radius: 50%;
}
/* 陰影 */
img {
box-shadow: 5px 5px 5px grey;
}
/* 邊框漸變 */
img {
border: 4px solid;
border-image: linear-gradient(to bottom, #ff8a00, #da1b60) 1;
}
/* 背景漸變 */
img {
background: linear-gradient(to right bottom, #f6d365, #fda085);
}
/* 旋轉 */
img {
transform: rotate(20deg);
}
/* 縮放 */
img {
transform: scale(1.5);
}
/* 模糊 */
img {
filter: blur(2px);
}
/* 反轉 */
img {
filter: invert(100%);
}
/* 飽和度 */
img {
filter: saturate(200%);
}
/* 風格化 */
img {
filter: sepia(80%);
}
/* 透明度 */
img {
opacity: 0.5;
}

這些CSS屬性可以將圖片變得更加生動、有趣，并賦予其更多的信息和表現力，幫助網頁設計更加出色。