在CSS樣式中，我們可以使用background-image屬性來添加圖片，這個屬性允許我們指定一個圖片作為元素的背景，下面是一個簡單的例子：

div {
    background-image: url('image.jpg');
}

在這個例子中，div元素的背景圖片被設(shè)置為image.jpg，圖片的路徑可以是相對路徑或***路徑，具體取決于圖片的位置和引用它的HTML文件的位置。

圖片大小和位置

我們可以使用background-size和background-position屬性來控制圖片的大小和位置。

div {
    background-image: url('image.jpg');
    background-size: 500px 300px; /* 圖片寬度為500像素，高度為300像素 */
    background-position: center center; /* 圖片位置在元素的中心 */
}

圖片重復(fù)

默認(rèn)情況下，背景圖片會重復(fù)填充整個元素區(qū)域，我們可以使用background-repeat屬性來改變這種行為：

div {
    background-image: url('image.jpg');
    background-repeat: no-repeat; /* 圖片不會重復(fù)填充 */
}

圖片透明度

我們還可以使用opacity屬性來設(shè)置圖片的透明度：

div {
    background-image: url('image.jpg');
    opacity: 0.5; /* 圖片透明度為50% */
}

圖片替換文本內(nèi)容

在某些情況下，我們可能希望圖片能夠替換元素中的文本內(nèi)容，這可以通過設(shè)置content屬性來實現(xiàn)：

div::before {
    content: url('image.jpg'); /* 在元素內(nèi)容前添加圖片 */
}

或者：

div::after {
    content: url('image.jpg'); /* 在元素內(nèi)容后添加圖片 */
}

圖片鏈接目標(biāo)

如果圖片是一個鏈接，我們可以使用target屬性來設(shè)置鏈接的目標(biāo)：

a {
    background-image: url('image.jpg'); /* 設(shè)置鏈接背景圖片 */
    target: _blank; /* 打開鏈接圖片的新窗口 */
}

圖片作為列表項標(biāo)記

在列表（如<ul>或<ol>）中，我們可以使用list-style-image屬性來設(shè)置列表項的標(biāo)記為圖片：

ul {
    list-style-image: url('image.jpg'); /* 設(shè)置列表項標(biāo)記為圖片 */
}

通過以上方法，我們可以在CSS樣式中靈活地添加和使用圖片。