CSS是一种用来设计网页样式的语言，其中包括了控制图片勾选的功能。通常情况下，在一个HTML文档中，如果你想让一个图片具有勾选的功能，那么你需要在CSS中定义一个选择器，然后将其应用于图片的标签上。下面就是关于如何控制图片勾选的一些CSS规则:

img {
cursor: pointer; /* 设定光标形状为手型，表示可以点击 */
-webkit-user-select: none; /* 禁止图片被选中，防止干扰用户选择其他内容 */
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
img:checked {
outline: 2px solid blue; /* 勾选状态下，图片的边框颜色变为蓝色 */
}

在上述代码中，我们首先定义了一个选择器，并通过cursor: pointer属性来使得光标形状为手型，表示可以点击。同时，我们还使用了user-select属性来禁止图片被选中。这里，我们使用了一些浏览器特有的属性，使得CSS可以兼容不同的浏览器。

接着，我们使用了checked伪类来控制勾选状态下的图片样式。在这里，我们使用了outline属性来使得勾选状态下图片的边框变为蓝色。另外，你还可以通过filter、opacity、transform等属性来实现更加丰富的效果。

在HTML中，我们可以通过<input type="checkbox">来创建一个勾选框，并将其与图片标签组合。在这里，我们需要使用label标签来使得勾选框与图片相互关联。具体代码如下：

<label for="checkbox">
<input type="checkbox" id="checkbox">
<img src="...">
</label>

在上面的代码中，我们创建了一个勾选框并指定其id属性为"checkbox"。同时，我们将其与图片标签用label标签进行包裹，并将其for属性指定为"checkbox"，以使得勾选框与图片相互关联。这样，在勾选框被勾选的状态下，图片的样式就会发生相应的变化。