点击图片提交

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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐