HTML5和CSS是網(wǎng)頁設(shè)計的基石，它們提供了豐富的功能和樣式，讓網(wǎng)頁更加豐富多彩，在網(wǎng)頁設(shè)計中，引用圖片是非常重要的一部分，那么如何在HTML5和CSS中引用圖片呢？

我們需要在HTML5中標(biāo)記出需要引用圖片的位置，使用<img>標(biāo)簽可以插入一張圖片，

<img src="image.jpg" alt="這是一張圖片">

src屬性指定了圖片的路徑，alt屬性則提供了圖片的描述，用于在圖片無法加載時顯示。

我們可以使用CSS來美化圖片，我們可以設(shè)置圖片的尺寸、邊框、陰影等樣式，以下是一個簡單的CSS樣式示例：

img {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  box-shadow: 2px 2px 4px #888;
}

這個樣式將圖片的尺寸設(shè)置為200像素，添加了一個1像素的黑色邊框，以及一個2像素的灰色陰影。

這只是一個簡單的示例，CSS提供了許多強大的樣式功能，我們可以根據(jù)自己的需求來美化圖片。

HTML5和CSS提供了豐富的功能和樣式，讓我們可以輕松地引用和美化圖片，在網(wǎng)頁設(shè)計中，合理地使用這些功能可以讓我們的網(wǎng)頁更加豐富多彩。