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

2024-07-14 09:06| 来源: 网络整理| 查看: 265

点击图片提交

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

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

.html

图片按钮跳转图片链接

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

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

.html

图片链接跳转

【本文地址】

今日新闻