登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

竹林深处报平安

千磨万击还坚韧 任你东西南北方

 
 
 

日志

 
 

博客实用代码汇编(一)  

2008-01-22 21:28:57|  分类: 代码应用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

博客实用代码汇编(一)

插入文字

  

武 克 整 理



希望朋友们喜欢!

 

代码在线运行检测

 

一、一般字体的代码

 

<P align=center><FONT color=#ff0000 face=隶书 size=6>插入文字</FONT></P>

 

说明:align=文字位置   表示字体居中(center),居右(righ t),居左(left);color=颜色代码; face=字体 常用字体为:宋体、黑体、楷体.、仿宋、新宋体、细明体等;size=字体大小,这里的最大值为7,取值越大文字就越大。

 
 
二、一般大字体的代码 
 

<P align=center><font style=font:40pt  face=隶书 color=#ff0000>插入文字</font>

 

说明:align=文字位置 表示字体居中(center),居右(right),居左(left);font:40pt 数值越大文字就越大;face=字体  常用字体为:宋体、黑体、楷体.、仿宋、新宋体、细明体等; color=颜色代码。

 
 
三、一般移动文字的代码(两款)
 

1)<marquee direction=up scrollamount=3>插入文字</marquee>

 

 说明:direction=移动方向,表示向上(up),向下(down),向左(left),向右(right); scrollamount=移动速度数值。

 

2)<marquee behavior= alternate>插入文字</marquee>

 

说明:behavior=alternate  左右来回走;

      behavior=scroll  从右往左重复着;

      behavior=slide  从右往左只走一次。 

 
 
四、有底色移动文字的代码
 

<font color="#ff0000"><marquee direction="left" style="background: #FFCC00" >你的文字</marquee></font>

 

 说明:color="#ff0000" 文字颜色;

       background: #FFCC00 背景颜色; 

       behavior=slide 从右往左只走一次。 

 
 
五、带虚线边框移动文字的代码
 

<marquee style="border:1px dotted #CC0066 ">你的文字</marquee>

 
 
六、文字向两边分开移动的代码
 

<FONT color=#00F5FF face=隶书 size=7><MARQUEE height=50 width=240>祝您浏览快乐

</FONT></MARQUEE><FONT color=#C0FF3E face=隶书 size=7><MARQUEE direction=right

height=50 width=240>乐快览浏您祝</MARQUEE></FONT></FONT>

 

说明:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width。

 
 
七、文字上下跳跃移动的代码
 

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE

behavior=altrnate scrollAmount=2 width=460 <IMG> <FONT color=red face=楷体_gb2312

size=7>欢迎光临我的博客</FONT></MARQUEE></MARQUE></MARQUEE>

 
 
八、文字竖向排列的代码
 

<DIV style="LAYOUT-FLOW: vertical-ideographic">

<P>你的文字

<P>你的文字</P></DIV>

 
 
九、文字分开两行左右上下跳跃的代码
 

<marquee scrollamount=8 direction=right behavior=alternate><b><font

color=#7700bb size=5><font color=lime>

<marquee direction=up behavior=alternate width=40 height=200 align="middle">

祝</marquee><font color=red>

<marquee direction=up behavior=alternate width=40 height=150>

愿</marquee><font color=orange>

<marquee direction=up behavior=alternate width=40 height=200>

朋</marquee><font color=fuchsia>

<marquee direction=up behavior=alternate width=40 height=150>

友</marquee><font color=olive>

<marquee direction=up behavior=alternate width=40 height=200>

们</marquee><font color=green>

<marquee direction=up behavior=alternate width=40 height=150>

快</marquee><font color=red>

<marquee direction=up behavior=alternate width=40 height=200>

乐</marquee><font color=orange>

<marquee direction=up behavior=alternate width=40 height=150>

!</marquee><font color=orange></font></b></marquee>

 
 
十、文字分开两行上下跳跃的代码
 

<center><font face=隶书 color=red size=15>

<marquee direction=up behavior=alternate width=60 height=120>

祝</marquee><font color=yellow>

<marquee direction=up behavior=alternate width=60 height=80>

愿</marquee><font color=brown>

<marquee direction=up behavior=alternate width=60 height=120>

朋</marquee><font color=green>

<marquee direction=up behavior=alternate width=60 height=80>

友</marquee><font color=orange>

<marquee direction=up behavior=alternate width=60 height=120>

们</marquee><font color=yellow>

<marquee direction=up behavior=alternate width=60 height=80>

快</marquee><font color=orange>

<marquee direction=up behavior=alternate width=60 height=120>

乐</marquee></font></b></marquee>                        </font></center></font></font></font></font></font>

 
 
十一、带尾晕文字的代码
 

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10);

FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">

欢迎光临我的博客</FONT></CENTER>

 

说明:FONT-SIZE: 30pt  数值越大文字就越大

 
 
十二、空心文字的代码
 

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">

<B>欢迎光临我的博客</B></FONT></CENTER>

 

说明:FONT-SIZE: 30pt  数值越大文字就越大

 
 
十三、凹体文字的代码
 

<DIV style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 15px;

PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 18px;

PADDING-TOP: 20px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word">

<FONT disabled>我凹下去了吧?<BR>你不想试试吗?</A></FONT> </DIV>

 
 

                                十四、表格文字的代码

 

<div align="center">

<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">

<tbody>

<tr bgcolor="#FFFFFF" height="20">

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<tr bgcolor="#FFFFFF" height="20">

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

</tr></table></div>

 

说明:1)每排几个表格内容,可根据自己的需要或版面要求任意设置,只要在<tr bgcolor="#FFFFFF" height="20">的后面增加或减少<td><div align="center">表格内容</div></td>即可;

     2)文字及细线条的颜色bgcolor="#FF0000"也可根据自己的需要进行更改。 

 
 
插入文字
总 说 明
 

1、调整字体大小:

文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;从1到7表示字体由小到大,从这些数字里选择合适的一个代替#即可,可逐个试试观察效果最后选定。

2、调整字体色彩:文字前添加<font color=#>,文字后添加</font> ,其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩,可从它们当中选择满意的一种色彩代替#即可,也可以采用颜色代码,但#号必须保留,逐个试试观察效果最后选定。

 
     

祝您浏览愉快!

 

更多精彩,请您点击:

 

博客在线工具大全
名家博客实用教程
博客实用素材大全
博客实用代码汇编

 
博客实用代码汇编(一) - 武克 - 武  克  博  客
 

 

 

  评论这张
 
阅读(5024)| 评论(20)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018