在網(wǎng)頁設(shè)計中，圖片的運用是非常重要的。而在CSS中，我們可以利用background-image和background屬性來添加圖片背景。下面我們就來詳細(xì)了解一下CSS如何看圖片。

/* 單獨使用background-image屬性 */
background-image: url("圖片路徑");
/* 通過background屬性進行設(shè)置 */
background: url("圖片路徑") no-repeat center center;

在使用background-image屬性時，我們需要將圖片的文件路徑指定在url()中。例如：

background-image:url("images/flower.jpg");

這里的路徑需要根據(jù)相對或絕對位置進行制定。如果圖片文件與CSS文件在同一目錄下，則只需要填寫圖片文件名即可。

在使用background屬性時，我們需要指定背景圖片的文件路徑，并且設(shè)置圖片的重復(fù)性、位置等屬性。例如：

background:url("images/flower.jpg") no-repeat center center;

這樣我們就可以將圖片作為背景放置在元素中，美化網(wǎng)頁的同時增添視覺效果。

當(dāng)然，除了以上兩種方式，我們也可以利用標(biāo)簽來添加圖片，再通過CSS對其進行美化和布局。這樣子能夠更加自由地控制圖片的大小、位置、邊框等特性。

/* 設(shè)置圖片大小 */
img {
width: 200px;
height: 200px;
}
/* 設(shè)置圖片邊框 */
img {
border: 1px solid black;
}
/* 設(shè)置圖片居中 */
img {
display: block;
margin: 0 auto;
}

總之，無論是利用background-image和background屬性，還是通過標(biāo)簽來添加圖片，CSS的掌握是助力網(wǎng)頁設(shè)計的必備技能。