HTML | 形状属性

在HTML中，我们可以使用形状属性来定义链接和图像的形状。这些形状可以是矩形、圆形或多边形。

矩形形状

矩形是默认的形状，如果没有特别指定，则链接和图像将是矩形形状。

<a href="#" shape="rect">Link</a>
<img src="image.jpg" shape="rect" alt="image">

圆形形状

我们可以使用"circle"值指定圆形形状。这个值指定一个包含链接或图像的圆形区域。

<a href="#" shape="circle">Link</a>
<img src="image.jpg" shape="circle" alt="image">

多边形形状

我们可以使用"poly"值来指定多边形形状。这个值指定一个由多个点组成的区域，链接或图像仅在此区域内可点击。

<a href="#" shape="poly" coords="0,0,100,0,100,100,0,100">Link</a>
<img src="image.jpg" shape="poly" coords="0,0,100,0,100,100,0,100" alt="image">

在上面的示例中，使用coords属性指定多个点的坐标，这些点组成了一个矩形区域。

注意: 当使用多边形形状时，coords属性是必要的，并且必须指定至少三个点。

总结

形状属性是一个有用的HTML功能，它可以为链接和图像提供更多的交互方式，使这些元素在页面上更加动态。