css圆形按键下方有字

html-css013

css圆形按键下方有字,第1张

css圆形按键下方有字可以带提示信息div。步骤如下:

1、新建html文档。

2、书写hmtl代码。

3、书写css公用样式表代码。

4、书写css代码。代码整体结构。

6、查看效果。

代码如下:

这里先解说下——这里有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>