CSS是一種創(chuàng)建漂亮外觀的網(wǎng)頁(yè)的語(yǔ)言，它是一個(gè)很強(qiáng)大的工具。有時(shí)，當(dāng)我們?cè)诰W(wǎng)頁(yè)中插入圖片時(shí)，我們不希望用戶能夠選擇它。話句話說(shuō)就是，我們想讓圖片不被選中。下面就讓我們看看如何使用CSS來(lái)實(shí)現(xiàn)這個(gè)效果。

img {
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
}

如上所述，我們可以使用user-select屬性來(lái)防止圖片被選擇。該屬性需要添加到img選擇器中。

在上面的代碼塊中，我們可以看到，此代碼塊包括4條user-select語(yǔ)句。這是因?yàn)槟壳安煌臑g覽器支持不同的user-select屬性形式。Safari需要加上-webkit前綴，F(xiàn)irefox需要加上-moz前綴，IE需要加上-ms前綴，而其他瀏覽器則僅需使用user-select屬性即可。

最后，我們需要說(shuō)明的是，除了圖像，user-select屬性還可以用于其他元素。例如，如果您想防止段落被選定，請(qǐng)按照以下方式執(zhí)行：

p {
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
}

最后總結(jié)，如果你想在網(wǎng)頁(yè)上添加圖片，但不希望它被選中或復(fù)制，請(qǐng)使用CSS中的user-select屬性。如上所述，這個(gè)小技巧不僅適用于圖片，也適用于其他任何元素。希望這篇文章能對(duì)你有所幫助。