怎么用css在图片上写字

html-css012

怎么用css在图片上写字,第1张

不明白你是什么意思。是把鼠标放在图片上显示文字还是左边是图片,右边是文字,用css设置文字的样式。

要是第一种,在<img src="xx.jpg" title="这块写显示的文字" />

要是第二种,设文字这块为一个div。在css编辑样式.

背景图肯定设置给标签,然后标签里面在加上

想要的文字内容

就OK了嘛!

如:

div1

设置了background-image属性,“div1”这个内容自然在背景图上面了。

我给你举三个CSS的例子

一、图片

1、你可以用background来实现,也就是添加为层的背景。

.middle{background:url(../images/head-bg.gif)}

2、也可在层里直接添加图片进去,

<div class="middle"><img src="images/middle.gif" width="173" height="198" /><p></p></div>

二、文字

文字就简单了,直接添加在<p></p>里面就行了,设置下<p>的css样式

三、链接

链接你可以链接图片或者文字

1、链接图片

<a href="#"><img src="images/middle.gif" width="173" height="198" border="0" /></a>

2、链接文字

<p><a href="#">链接文字</a>其他文字</p>