CSS是一个很常用的前端技术，可以通过CSS控制页面的样式和布局。在CSS中，有一种属性可以控制图片是否允许被选择，那么下面我们来详细了解一下。

在HTML中，我们可以通过<img>标签插入图片，然后用CSS控制这些图片的样式。在这些样式中，有一个属性叫做user-select，通过这个属性，我们可以控制图片的选择状态。

img {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard syntax */
}

如果我们想要禁止用户选择图片，只需要在CSS中加入上述代码即可。这个代码使用了不同的前缀，以保证在不同浏览器中都能生效。

当然，有时候我们需要允许用户选择特定的图片，这个时候我们可以在CSS中针对这些图片重新定义user-select属性：

.selectable {
-webkit-user-select: auto; /* Safari */
-moz-user-select: auto; /* Firefox */
-ms-user-select: auto; /* IE10+/Edge */
user-select: auto; /* Standard syntax */
}

通过这种方式，我们可以将某些图片的选择权限赋予用户，而对其他图片进行保护。

总结一下，通过CSS中的user-select属性，我们可以控制图片是否允许被选择。这个属性可以在不同浏览器中进行设置，具有很好的兼容性。如果您想保证页面中的图片不被随意选择，可以使用上述代码禁止选择；如果您需要允许用户选择某些图片，则可以重新定义user-select属性。