<html>
<head>
<style>
#but{
widht:220px
height:300px
}
</style>
</head>
<body>
<a href='地址'>
<input type='button' id='but' value='我是一个链接'>
</a>
</body>
</html>
css是无法加超链接的，但是可以在一个A标签下设置背景图片加入超链接，具体步骤如下。
1、新建test.html文件。
2、首先要把超链接a块级化，方法如下：
给a添加css代码 : a{ display:block}
代码截图如下：
3、使用backgroung-image为a链接加背景图片，用法如下：
a{ background-image:url(xxx.jpg)}
不过仅仅这样写还不能显示出背景图片，需要和第二步结合才行。
代码截图如下：
4、用到的图片素材如下，图片名字为001.jpg，位置截图如下。
5、实例演示给超链接加背景图片，代码如下：
<html>
<head>
<style>
a{background-image:url(001.jpg)display:blockwidth:300pxheight:100pxfont-size:25px}
</style>
</head>
<body>
<a>我是带背景图片的超链接</a>
</body>
</html>
6、运行效果截图如下。
创建CSS样式表1、在网页上输入一些文字。
2、打开“CSS样式”面板，也可以用“窗口/CSS样式”打开。
3、面板下方有四个按钮，分别是附加样式、新建样式、编辑样式、删除样式。
4、点击“新建样式”，打开对话框。输入名称，注意名称前有一个点号。如取名为.zi(中文名不行)。类型：创建自定义样式，定义在：仅对该文档。
5、此时再打开一个对话框，在左边的分类里选择“类型”，然后在右面设置字体为宋体，大小为14像素，颜色任意。然后确定。
6、选中页面上的文字，然后点击窗口里的样式.zi。此时这段文字就应用了CSS样式。
7、如要对刚才定义的CSS样式进行修改，可以点中它，然后点下面的编辑样式按钮。
强烈推荐你到下面的网页看看，你想要知道的都比较详细：
http://www.nzkd.org/jsjx/nzkd2000jx2/03/index3_06.htm
http://www.ybo.cn/Article/wysj/Dreamweaver/fifdwsp/200601/1782.html
http://www.171sch.com/2005-12-7-web/web23.html
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）