在網頁中插入圖片是制作精美網站的基本技能之一。通過使用CSS，您可以為插入的圖片添加自定義樣式和效果，使其在網頁上更加引人注目。 要向網頁中插入圖片，您可以使用HTML代碼。例如，要插入一張名為“myimage.jpg”的圖片，您可以使用以下代碼：

<img src="myimage.jpg" alt="My Image">

這將在網頁上顯示一張名為“myimage.jpg”的圖片，并在無法加載該圖片時顯示“My Image”的替代文本。 添加樣式和效果將使圖片更加引人注目。通過CSS，您可以改變圖片的大小、位置、邊框等等。下面是一些示例代碼：

p {
text-align: center;
}
img {
width: 50%;
height: auto;
border: 2px solid black;
border-radius: 10px;
}

這些代碼將使插入的圖片居中，寬度為父元素的50%，高度自適應，邊框為2px黑色實線，圓角半徑為10px。 您還可以添加其他效果，例如鼠標懸停時變換顏色、陰影效果等。以下是一些示例代碼：

img:hover {
filter: grayscale(50%);
}
img {
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

這些代碼將使鼠標懸停時圖片變灰，并為圖片添加一個2px的黑色陰影效果。 通過使用CSS插入的圖片樣式，您可以使您的網頁與眾不同，并吸引更多的訪問者。嘗試使用不同的樣式和效果，以獲得最佳的效果！