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

html-css030

用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样式是一个独立的CSS文件，当在网页中直接创建外部CSS样式时，该样式自动应用到网页中；当在创建空白网页时，通常可以附加已经存在的外部样式表。如果CSS样式文件已经存在，制作网页时可以通过【CSS样式】面板中的【附加样式表】按钮来链接，具体操作如下：（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过“连接”或“导入”方式将其应用到当前网页中。（2）在【添加为】中选择其中的一个选项：◇若要创建当前文档和外部样式表之间的链接，请选择【链接】单击按钮。该选项在HTML代码中创建一个<link>标记，并引用已发布的样式表所在的URL。<link>标记必须放在页面的<head>区域。Internet Explorer和Netscape Navigator都支持此方法。◇如果希望导入而不是链接到外部样式表，请选择【导入】单击按钮。导入外部样式表是指在内部样式表的<style>里导入一个外部样式表，导入时用@import。注意：不能使用 【链接】标记添加从一个外部样式表到另外一个外部样式表的引用。如果要嵌套样式表，必须使用【导入】指令。大多数浏览器还能识别页面中（而不仅仅是样式表中）的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时，不同浏览器解决冲突属性的方式具有细微的差别。