在CSS3中，使用background-image屬性可以輕松地向元素添加一個背景圖像，但在實際應用中，我們往往需要添加多張不同的照片到同一個元素中。為了方便快捷地實現這一需求，我們可以使用一鍵添加照片的方法。

該方法需要使用CSS3中的偽類:before和content屬性，以及CSS3中新增的data-屬性。具體實現步驟如下：

/* 1. 首先，在HTML中添加元素，使用data屬性存儲照片路徑信息 */
<div data-img="image1.jpg, image2.jpg, image3.jpg"></div>
/* 2. 在CSS中，將該元素的偽類:before的content屬性設置為data-屬性值，并使用CSS3中的attr()函數提取照片路徑信息 */
div:before{
content: attr(data-img);
display: none;
}
/* 3. 接著，再次在CSS中，使用background-image屬性隨機從偽類:before的content屬性中提取一個照片路徑，以此來為元素添加背景照片 */
div{
background-image: url("../images/" attr(data-img, url));
}

以上方法在實現過程中需要注意的是，照片路徑的寫法應包含路徑和文件名，且文件名之間需要用逗號隔開。這樣，就可以輕松地實現一鍵添加照片的功能了。