怎么做 <img style> 可点击

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>