HTML如何在图片上添加链接文本

发布网友 发布时间:2022-04-22 22:39

我来回答

3个回答

热心网友 时间:2022-04-19 10:01

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:

<div style="background-image: url(small2.png); height:60px">

<a href="">院系设置</a>

</div>

3、浏览器运行index.html页面,此时图片上成功添加了“院系设置”的链接文本。

热心网友 时间:2022-04-19 11:19

以你那张图片来看,红色是背景图片。如:

<div style="background:url('1.jpg') 0 0 no-repeat;">
    <a href="">链接文本</a>
</div>

大概格式就是这样。给外层元素添加背景,然后其他内容还是照常写而已

追问然后我的背景图片怎么设置大小

追答

background-size就是设置背景图大小的,不过这是css3属性,对ie8及以下版本不兼容。一般背景图都是固定尺寸的,然后设置背景居中。即

background:url('1.jpg') center center no-repeat;

根据需要吧。

热心网友 时间:2022-04-19 12:54

图片以背景图的样式插入,然后……ul……li……a……剩下的就不用我说了哈,还有一种方法就是用定位,图片用img标签正常插入,然后position:relative……position:abolute……

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com