Question

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

就是左边那些北大概况 院系设置

Answer 1

需要准备的材料分别有：电脑、浏览器、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页面，此时图片上成功添加了“院系设置”的链接文本。

Answer 2

以你那张图片来看，红色是背景图片。如：

<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;

根据需要吧。

Answer 3

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