在現代社會，網頁設計已經成為了一門獨立的學科，而照片作為網頁設計中必不可少的元素之一，更是需要我們重視在本文中，我們將為大家介紹幾種

插入照片的基本語法

g src="圖片路徑" alt="圖片描述">src屬性表示圖片的路徑，alt屬性則表示圖片的描述下面我們將介紹幾種常用的照片插入技巧

插入圓形照片

g src="圖片路徑" alt="圖片描述" style="border-radius:50%">border-radius屬性表示圓角的半徑，50%表示將照片變成一個圓形

插入照片的陰影效果

g src="圖片路徑" alt="圖片描述" style="box-shadow: 0 0 10px rgba(.5)">box-shadow屬性表示陰影的樣式，0 0表示陰影的偏移量，10px表示陰影的模糊程度，rgba(.5)表示陰影的顏色和透明度

插入照片的濾鏡效果

g src="圖片路徑" alt="圖片描述" style="filter: grayscale(100%)">filter屬性表示濾鏡的樣式，grayscale(100%)表示將照片變成黑白的效果

通過上述幾種HTML照片插入技巧，我們可以讓網頁中的照片更加精美，增強用戶的視覺體驗當然，這些技巧只是冰山一角，還有很多其他的技巧等待我們去探索