在CSS中，我們可以為元素添加背景圖像或者在元素中插入圖片。為了讓圖片更加靈活，我們可以使用不同的屬性來控制圖片的位置和顯示效果。

.example {
background-image: url("example.jpg");
/*將背景圖片鏈接到元素*/
background-repeat: no-repeat;
/*控制是否重復(fù)顯示背景圖片*/
background-size: cover;
/*將背景圖片拉伸至元素的邊框?qū)捀弑壤?/
background-position: center center;
/*控制背景圖片在元素中的位置*/
}

使用背景圖片可以給元素添加一個突出的視覺效果，同時避免了對HTML結(jié)構(gòu)的影響。但有時候我們需要在元素中插入實際的圖片。如下：

在使用img標(biāo)簽時，我們可以通過一些CSS屬性來控制圖片的尺寸和位置。

img {
display: block;
/*將圖片設(shè)置為塊級元素，以便控制尺寸和邊距*/
width: 100%;
/*將圖片寬度設(shè)置為100%使其自適應(yīng)父元素的寬度*/
max-width: 400px;
/*限制圖片最大寬度*/
margin: 0 auto;
/*居中顯示圖片*/
}

使用img標(biāo)簽可以使得圖片成為頁面的一部分，并以一種更加自然的方式集成到網(wǎng)頁中。無論是使用背景圖片還是img標(biāo)簽，我們都可以通過CSS控制圖片的位于位置和顯示效果，以適應(yīng)不同的設(shè)計需求。