HTML（Hypertext Markup Language）是WEB開發中最常用的語言，HTML不僅可以定義文本內容，還可以定義圖片。同時，在WEB開發中，CSS（Cascading Style Sheets）是對HTML文檔進行樣式設計的常用方法，能夠提高頁面的美觀性和易讀性。那么，我們如何通過CSS為圖片定義樣式呢？

<style>
img {
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
</style>

這段代碼的意思是，通過樣式表定義img元素的樣式。具體地，給圖片定義了帶有陰影效果，帶有圓角邊框且邊框顏色為#ddd的樣式。其中，box-shadow定義了陰影效果，而border-radius則定義了圓角效果。

此外，還可以借助于CSS為圖片添加鼠標懸浮效果：

<style>
img:hover {
transform: scale(1.2);
}
</style>

這段代碼的意思是，當鼠標懸浮到圖片上時，使圖片的大小變為原來的1.2倍。transform屬性可以實現很多動畫效果。

通過以上兩種方式，我們可以給圖片定義出較為美觀的樣式和動畫效果。與此類似，我們還可以通過CSS來定義其他元素的樣式，例如文字排版、背景顏色等等，從而豐富頁面的視覺效果。