Question

我使用以下代码：

<img style="border:2px solid #3591c0;
width:200;
height:200;
border-radius-30px;
-moz-border-radius:30px;
-khtml-border-radius:30px;
-webkit-border-radius:30px;"
src="1.jpg"/></style>

如何使此代码中的图像可以点击？

Answer 1

您可以将其放在锚<a>标记中，这会使其成为链接。

<a>
    <img style="border:2px solid #3591c0;
    width:200;
    height:200;
    border-radius-30px;
    -moz-border-radius:30px;
    -khtml-border-radius:30px;
    -webkit-border-radius:30px;"
    src="1.jpg"/>
</a>

Answer 2

将其包围在锚标记中：

<a href="destination.html">
    <img style="border:2px solid #3591c0;
    width:200;
    height:200;
    border-radius-30px;
    -moz-border-radius:30px;
    -khtml-border-radius:30px;
    -webkit-border-radius:30px;"
    src="1.jpg"/>
</a>

其中“destination.html”是您希望用户重定向到的文件路径或链接。是的，您不需要</style>标记。

这些都显示在JSFiddle中：http://jsfiddle.net/Mf6Dq/5/

Answer 3

在<img>标记内包裹<a>个标记。此外，不需要</style>。

<a href="http://stackoverflow.com">
  <img style="border:2px solid #3591c0;
  width:200;
  height:200;
  border-radius-30px;
  -moz-border-radius:30px;
  -khtml-border-radius:30px;
  -webkit-border-radius:30px;"
  src="1.jpg"/>
</a>

如何使<img style=""/>可点击

3 个答案: