加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【扮靓你的新浪博客】之 文字特效一

(2006-01-09 22:10:13)
分类: 一笔之力(blog教程及其他)

【扮靓你的新浪博客】之 <wbr>文字特效一今天要提到的这个特效非常的实用,也是我们最常用到的美化页面的方法——文字特效。

先来看看今天我的文章有什么不一样的地方?对,我的图片比较特别,文字是绕着图片进行排列的。

下面就要用到“文字绕图”的特效代码——


<DIV></DIV>
<TABLE style="WIDTH: 500px" cellPadding=15>
<TBODY>
<TR>
<TD bgColor=#eeeeff><IMG src="*.jpg" hspace="1" align="LEFT" hight=60>没想到写的这个“ 教程”得到了这么多的朋友的支持,在这里向大家说一声:“谢谢了!!”</TD></TR></TBODY></TABLE>


这个代码最重要的就是width:500px 游虾调试了很久终于发现在500左右是最好的。

cellpadding=15 这个代码的意思是表示文字距离背景颜色边界的距离,这里设置的15也是试验了很久得出的最好的数值。

代码里最最重要的就是align=LEFT ,它的意思是说图片左对齐,其值可设置为“right”或者“top”等等,可自行调节。

另外大家可以举一反三一下不要图片,只设置背景色的代码:


<DIV></DIV>
<TABLE style="WIDTH: 480px" cellPadding=15>
<TBODY>
<TR>
<TD bgColor=#eeeeff>没想到写的这个“教程”得到了这么多的朋友的支持,在这里向大家说一声:“谢谢了!!”</TD></TR></TBODY></TABLE>
这个代码中有个“bgcolor=#eeeeff”,“#eeeeff”就是指的背景颜色代码,每种颜色都有一个唯一的代码,具体的参数游虾偷个懒,直接链接 胜斗修罗《颜色代码表》(点击进入),大家可以去看看。

与上面类似的还有一种代码,就是将图片作为文字背景,实现这种效果的代码是:


<P style="BACKGROUND: url(。.jpg)
 fixed" align=left>现在我们来输入文字,看看如何?</P>


这里面的(*.jpg)请换成你们自己的图片文件。

注意:以上提到的代码中的文字,可以在粘贴了代码后取消“显示源代码”前面的钩,直接在正常编辑模式下编辑文字。

今天就说到这儿吧,有机会再给大家把后面的内容补上,睡觉了~~

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有