给网页里的超链接加背景图片
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:block; width:300px; height:100px; font-size:25px;}
</style>
</head>
<body>
<a>我是带背景图片的超链接</a>
</body>
</html>

6、运行效果截图如下:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:42
阅读量:168
阅读量:27
阅读量:50
阅读量:34