CSS实现网页内容禁止选中复制的方法
墨初 前端设计 825阅读
现在很多网站的站长，都不喜欢别人任意复制自己网站上的内容。为了防止别人复制自己网站的内容，使用了各种各样的方法。下面就介绍一种。
CSS user-select 属性
user-select：规定指定元素中的内容是否被用户选中。
语法：
p{ user-select:none}可选值：
auto：默认。如果浏览器允许，则可以选择文本。
none：防止文本选取。
text：文本可被用户选取。
all：单击选取文本，而不是双击。
CSS实现网页内容禁止选中的方法
css中的 user-select 属性，可以禁止用户选中网页中的内容！
示例代码：
<p>我是一段可以被鼠标选中的文字！</p> <p style="user-select: none;">这一段文字是无法被鼠标选中的！</p> <p>飞鸟慕鱼博客</p>
效果图片：
