点击图片提交

在这里插入图片描述
提交后实现跳转,但需要注意的是;鼠标光标放在图片上,显示的还是箭头(没有改变)。
.css

input{
            width: 400px;
            height: 400px;
            border: 3px solid blue;
           background-image: url("图片呀/c2.jpg");
          }

.html

 <!-- 按钮跳转 -->
    图片按钮跳转

    <form action="快报模块.html">
    <input type="submit" name="" id="" value="">
</form>

图片链接

在这里插入图片描述
这样比较符合网站的大多数链接情况,而且光标在上面会变成一只手!
.css

 a{
            display: block;
            width: 400px;
        }
        a img{
            width: 100%;
        }

.html

 图片链接跳转
    <a href=""><img src="图片呀/c2.jpg" alt=""></a>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐