在CSS中，<area>元素常常被用于为图像添加定义区域。此处需要使用到一个称为coords的属性。

coords属性允许我们为<area>元素指定形状和位置的坐标。坐标值需要经过精确计算，通常使用像素来表示。

<map name="example">
<area shape="rect" coords="0,0,50,50" href="#" />
</map>
<img src="example.jpg" usemap="#example" />

在上面的例子中，我们创建了一个名为example的地图及一个包含该地图的图像。我们为该地图定义了一个小矩形区域，左上角坐标为(0,0)，右下角坐标为(50,50)。当用户点击此处时，页面将打开一个链接（这里是#）。请注意，href属性可以指定链接地址，也可以是javascript行为。

除了矩形外，coords属性还支持多边形、圆形和椭圆形。每种类型都需要不同的坐标值。请查阅CSS规范以了解更多信息。

<map name="shapes">
<area shape="poly" coords="10,10 30,20 50,30 70,40" href="#" />
<area shape="circle" coords="100,100,50" href="#" />
<area shape="ellipse" coords="200,200,30,20" href="#" />
</map>
<img src="example.jpg" usemap="#shapes" />

在上面的例子中，我们使用了poly（多边形）来创建一个简单的曲线，circle（圆形）来创建一个圆形区域，以及ellipse（椭圆形）来创建一个横向压缩的椭圆形。请注意，当使用多边形时，应按逆时针方向给定坐标值，否则链接可能无法正确响应。

在CSS中，使用coords属性可以帮助我们创建更美观和有用的图像链接。但是，请记住，这个属性需要精确的计算和测试，确保它们对用户友好和可用性强。