CSS中圖片包含是指將一個已有的圖像放置到另一個圖像中，相當于把一個圖像嵌套到另一個圖像之中。這種技術在網頁設計和開發中經常使用，特別是在制作按鈕、圖標和背景時。

下面是一個例子，其中我們將一個背景圖像放入了一個另一個圖像中。

.container {
background-image: url("pattern.png");
background-repeat: repeat;
background-position: center center;
width: 500px;
height: 500px;
position: relative;
}
.container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在這個例子中，我們使用了一個包含元素（.container）來設置背景圖像，并使用了絕對定位元素（img）將另一張圖像插入到背景中。由于我們使用了絕對定位，因此img元素將完全覆蓋背景圖像，并通過 transform 屬性將其居中對齊。

圖片包含還可以用來為按鈕、鏈接和其他交互式元素添加背景圖像。例如，下面是一個簡單的按鈕樣式。

.button {
display: inline-block;
padding: 12px 24px;
font-size: 18px;
background-image: url("button-bg.png");
background-repeat: no-repeat;
background-position: center center;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
border: none;
border-radius: 4px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
transition: all 0.2s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 2px 2px 20px rgba(0,0,0,0.5);
}

在這里，我們使用了一個背景圖像（button-bg.png）作為按鈕的樣式。我們設置了一些通用的樣式，如字體大小和內邊距，并使用了背景圖像來定義按鈕的外觀。

代碼中包括 background-image、background-repeat 和 background-position 屬性，它們分別用于設置圖像的大小、重復方式和位置。我們還添加了一些其他的樣式，如文本顏色、文本陰影、邊框和陰影。

最后，我們添加了一些過渡效果和懸停效果，使按鈕在用戶與之交互時更加動態和有趣。