HTML点击图片实现提交或跳转链接页面

点击图片提交

在这里插入图片描述
提交后实现跳转,但需要注意的是;鼠标光标放在图片上,显示的还是箭头(没有改变)。
.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>
  • 6
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值