html5中怎么把文字链接做成连接放入一张图片里面!

2023-06-03 综合 21阅读

html将文字做成超链接,胡旅袭文字在图片img内;如下

1、打开编辑软件,需要一张图片做背景图像;裤兄

<style>
.imgbj{ background:url(111111.png) no-repeat; width:500px; height:300px;  text-align:center;}
.imgbj a{ color:#FFF;}
</style>
<div class="imgbj">
    <a href="http://www.baidu.com/">需要插入的文字链接</a>
</div>

给css样式取一个名字:imgbj,引用一张背景图片,设置一下宽度与高度,text-aling:center;文字居中显示;

2、网页中显示效果:

点击文字即可链接到<a href="超链接地址"镇烂>链接地址</a>即可;

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com