分类: 博客页面设计指南 |
给你的文字标题添加一个漂亮的图片
1、“发表文章-快捷文章发表框-勾选‘显示源代码”
2、将以下代码粘贴
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER>
<DIV></DIV>
<DIV align=center>
<TABLE height=70 width=525>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: center center;
BACKGROUND-REPEAT: no-repeat" vAlign=center align=middle
background=http://tietu.znrsw.com/UploadFile/zd-2006-1/200611211057784.gif>
<P align=center><FONT face=楷体_GB2312 size=5><FONT
color=#0080ff>标题文字</FONT></P></FONT></TD></TR></TBODY></TABLE></DIV>
3、当然我只是演示,大家可以把图片地址换成自己找到的图片网址。字体和字号、字体颜色还有文字都要自己设置就成。如果对编辑文本的代码不熟悉,则也可以只加上图片后将勾选“显示源代码”取消,将鼠标在图片中点击一下,可以看到鼠标在图片正中闪动,再在图片上面直接写字,然后对字体字号及颜色进行设置,更方便直观一些。
我搜集了一些可以制作标题的图片,请大家共享^_^。打开这篇文章看看吧,喜欢就拿去用
说明:我看有些朋友使用这个效果的时候有些问题,现在在这里再做一下说明:
使用的图片必须知道尺寸,可以用两种方法,一种是右键点击图片,在属性中可以看到图片的尺寸;另一种是将图片先下载到本机中鼠标经过时就可以看到了。然后在代码中输入图片的高度和宽度(width为宽, height为高),找到后将我代码后面的数值(我使用图片的尺寸)修改为你使用的图片实际尺寸,这样才能全部完整显示图片,很美观,不然图片不完整给人的感觉不好。
文章引用自:http://blog.sina.com.cn/u/494e8618010004jk