如果你在網(wǎng)上沖浪，看著那些令人稱贊的照片，想要把它們下載下來，CSS方法可以幫助你做到這一點(diǎn)。在這篇文章中，我們將向你展示如何使用CSS樣式下載Instagram的圖片。

/*添加以下CSS樣式*/
.download_button{
position: absolute;
top: 10px;
right: 10px;
z-index: 1000000;
background-color: #4CAF50;
color: white;
padding: 10px;
font-size: 16px;
border: none;
border-radius: 5px;
}
/*按鈕懸浮樣式*/
.download_button:hover {
background-color: #366d43;
}
/*隱藏滾動(dòng)條*/
body::-webkit-scrollbar {
display: none;
}

添加以上CSS樣式后，我們需要使用JavaScript為其添加下載功能。下面是一個(gè)簡單的JavaScript代碼，可以幫助您下載Instagram的圖片：

/*添加JavaScript*/
var downloadButton = document.createElement('a');
downloadButton.innerHTML = '下載';
downloadButton.classList.add('download_button');
downloadButton.href = document.getElementsByClassName('KL4Bh')[0].children[0].src;
downloadButton.download = 'ins_photo.jpg';
document.body.appendChild(downloadButton);

以上代碼將在頁面頂部右上方添加一個(gè)名為“下載”的按鈕。當(dāng)用戶單擊按鈕時(shí)，圖片將會(huì)自動(dòng)下載到他們的設(shè)備中。

使用CSS和JavaScript下載Instagram的圖片非常簡單。僅需將上述代碼添加到您的網(wǎng)站中，即可為訪問者提供更方便地下載功能。