用CSS做一个按钮，怎么添加链接？

html-css022

用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、效果实现页面：

点击后：