CSS 按钮链接到另一个页面怎么写?

html-css06

CSS 按钮链接到另一个页面怎么写?,第1张

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

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

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

3、效果实现页面:

点击后:

代码如下:

这里先解说下——这里有A /B 两个按钮,分别链接a/b.css, 只要单击按钮就可以实现改变头部id为change_css 的css文件。当你希望change_css一开始没有css只是点击按钮的时候才有css的话,那么你给change_css这个id的链接 href=“ ”

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<link id="change_css" rel="stylesheet" type="text/css" href="a.css">

</head>

<body>

<input type=button value="A按钮" onclick="document.all.change_css.href='a.css'">

<input type=button value="B按钮" onclick="document.all.change_css.href='b.css'">

</body>

</html>