CSS可以很方便地為元素添加背景圖和邊距，今天我們就來講一下如何使用CSS來實現兩個背景圖和邊距。

.container {
background-image: url('image1.jpg'), url('image2.jpg');
background-position: left top, right bottom;
background-repeat: no-repeat, repeat;
padding: 20px;
}

上述代碼中的.container是指包裹元素的容器，可以根據實際情況來修改該名稱。其中，background-image屬性用來設置背景圖，可以設置多個背景圖，以逗號分隔。在這里我們設置了兩張背景圖，一張在左上角，另一張在右下角。

background-position屬性用來設置背景圖的位置，同樣也可以設置多個位置，以逗號分隔。在這里我們分別設置了兩張圖片的位置。

background-repeat屬性用來設置背景圖的重復方式，no-repeat表示不重復，repeat表示重復。這里我們只讓右下角的一張圖片重復，使它鋪滿整個容器。

最后，我們再調整一下容器的內邊距，讓背景圖和內容之間有一些距離。這里我們設置了20px的內邊距。

這樣，我們就完成了兩個背景圖加邊距的效果，完整代碼如下：

<div class="container">
<p>這是容器內的內容。</p>
</div>
.container {
background-image: url('image1.jpg'), url('image2.jpg');
background-position: left top, right bottom;
background-repeat: no-repeat, repeat;
padding: 20px;
}