用CSS做一个按钮,怎么添加链接?

用CSS做一个按钮,怎么添加链接?,第1张

用CSS做一个按钮添加链接,首先给这个按钮一个id或者是class,然后我们在通过css的width,height来改变这个按钮的默认宽度和高度,在用一个a标签将这个按钮包裹起来,就能实现链接的添加,通过代码来理解下:

<html>

<head>

<style>

#but{

widht:220px

height:300px

}

</style>

</head>

<body>

<a href='地址'>

<input type='button' id='but' value='我是一个链接'>

</a>

</body>

</html>

1、在DW中实现效果:打开DW编辑器,在body中输入编辑按钮代码:如下

<button id="feedback" type="button" style="margin-right:30px">草稿</button>

2、给按钮加一个超链接,链接到另一个页面最简单的方法就是用a标签给包含进去;如下

3、效果实现页面:

点击后:

这个不是用CSS,而是添加 点击事件,如下:

<input type="submit" value="提交" onclick="window.location.href='xxx.html'" />

当然你也可采用这个方式:

<a href="xxx.html"><input type="submit" value="提交" /></a>

不过还是建议采用第一种


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11818607.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存