日志彩色边框，图片写字，flash写字代码 - 周三博的日志 - 网易博客

来源：百度文库 编辑：神马文学网 时间：2024/04/28 12:25:57
★彩色边框代码★
日志文字

它会在你的文字外围生成一个红色边框，效果如框内显示。
border-style则控制边框的效果
border-width控制边框的粗细，
border-color调整边框的颜色，
这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。
实线

★双线框代码★
文字

效果如框内，是带背景色（熏衣草色）的简单双线框。
文字

显示的效果是背景色为桃色的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdab9。
文字

显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdead。
文字

背景颜色为淡黄色#FFFFE0，效果如框内所示。
文字

这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。
文字

这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
★立体线框代码★
文字

效果如框内所示，是带背景色（熏衣草色）的浮出立体线框，代码中的#E6E6FA是背景的颜色（熏衣草色）
文字

背景为粉红色，效果如框内所示。
文字

背景为桃色，效果如框内所示。
立体效果的彩色边框是在border-style后面使用不同的语法描述：
Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框。
通过定制边框的方法再将上一教程添加色彩的语法嵌套其中，你就可以创造出具有立体效果的彩色日志背景。如：
日志文字

使用上述语法将会为你呈现一个NAVAJO白底色红边框的浮出线效果背景，效果如框内显示。
日志文字

显示的效果是背景色为桃色的立体线框。效果如框内所示，框内背景色为桃色#ffdab9。
对于背景边框的四个边你也可以按自己的需要进行调整，以左边框为例，你可以使用下述语法：
Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式 Border-left-color: #xxxxxx定制边框颜色 Border-left-width: xpt 定制边框粗细
其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下，看一看是什么效果：（效果这里就不给出来了，有兴趣的可以回去试一下。）

你可以按照自己的想法随意调整四个边框的式样，以便创造与众不同的效果，记住一点，不同的属性描述之间用 ; 隔开。另外，你可能会注意到，当你设置完边框返回到日志文本编辑模式，在键入文字过程中如果使用回车键，就会又出现一个边框，从而影响文字的连贯性，这是因为HTML语法中不支持硬回车。要解决这个问题，必须返回到HTML编辑模式，在需要回车的地方键入
，需要几次回车就键入几个
，然后再返回到文本编辑模式，你就会发现边框背景内已经为你加入了回车后的效果。
★滚动文本框代码★
把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片，而且文本框的大小可以随意调整。
日志文字

代码实现的文本框是浅黄色的背景，粗略效果如文本框内所示。
（注释：附语法语句的解释：
//层开始标记，对中对齐 :
日志文字

★文字竖排代码★
接下来说说文字竖排是如何实现的。

日志文字


这个语法中唯一的亮点就是Writing-Mode这个参数，其后的tb代表文字排列从上到下，rl代表从右到左。效果如下所示：
*************************************************************************
基本上文字竖排是没有任何作用的，但为了实践一下，还是把效果贴出来给各位参考吧！~：）
————————————————
竖排移动字：
我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁
燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行
—————————————————————
代码：



我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行


—————
★实线、双线、外凸、虚线代码★
1
...
style="BACKGROUND-COLOR:#FF00000：底色－红色
color="#FFFFFF"：文字颜色－白色

2 加线框：
...

1px：框线宽度－ 1 点
dashed：框线式样－虚线
#000000：框线式样－黑色
background-color:#FFFFE0：背景颜色－淡黄
可是　有时候　寂寞如海啸般袭来　令人窒息　无处可躲　　　深陷孤单的深渊中　无助　无力　只剩寒冷　黑暗　　一个人承担　一个人等待阳光…
实线

外凸

双线

虚线

文字
效果是框线颜色为淡珊瑚色#f08080，宽度为1，背景色为桃色#ffdab9的虚线框。
文字
效果是框线颜色为橙红色#ff4500，宽度为3，背景色为桃色#ffdab9的虚线框。
文字
效果是框线颜色为淡珊瑚色#f08080，宽度为3，背景色为淡黄色#FFFFE0的虚线框。
实线

效果是框线宽度为3颜色为桃色#ffdab9，背景色为淡黄色#FFFFE0的实线框。
外凸

背景色为淡黄色的外凸效果
_______________________________________________________
附上颜色代码，供大家选择参考：
颜色代码表：以下样色显示您可能觉得不够精确，这和电脑显示器有直接关系。您可查看颜色代码，绝对正确，绝无重复。
红色和粉红色，以及它们的16进制代码。
#990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399..
#FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC
紫红色，以及它们的16进制代码。
#FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099
#CC33FF #CC99CC #990066 #993399 #CC66CC #CC00CC #663366
蓝色，以及它们的16进制代码。
#660099 #666FF #000CC #9933CC #666699 #660066 #333366 #0066CC #9900FF #333399
#99CCFF #9933FF #330099 #6699FF #9966CC #3300CC #003366 #330033 #3300FF #6699CC
#663399 #3333FF #006699 #6633CC #3333CC #3399CC #6600CC #0066FF #0099CC #9966FF
#0033FF #66CCFF #330066 #3366FF #3399FF #6600FF #3366CC #003399 #6633FF #000066
#0099FF #CCCCFF #000033 #33CCFF #9999FF #0000FF #00CCFF #9999CC #000099 #6666CC
#0033CC
[非法内容]、褐色、玫瑰色和橙色，以及它们的16进制代码。
#FFFFCC #FFCC00 #CC99090 #663300 #FF6600 #663333 #CC6666 #FF6666 #FF0000 #FFFF99
#FFCC66 #FF9900 #FF9966 #CC3300 #996666 #FFCCCC #660000 #FF3300 #FF6666 #FFCC33
#CC6600 #FF6633 #996633 #CC9999 #FF3333 #990000 #CC9966 #FFFF33 #CC9933 #993300
#FF9933 #330000 #993333 #CC3333 #CC0000 #FFCC99 #FFFF00 #996600 #CC6633
绿色，以及它们的16进制代码。
#99FFFF #33CCCC #00CC99 #99FF99 #009966 #33FF33 #33FF00 #99CC33 #CCC33 #66FFFF
#66CCCC #66FFCC #66FF66 #009933 #00CC33 #66FF00 #336600 #33300 #33FFFF #339999
#99FFCC #339933 #33FF66 #33CC33 #99FF00 #669900 #666600 #00FFFF #336666 #00FF99
#99CC99 #00FF66 #66FF33 #66CC00 #99CC00 #999933 #00CCCC #006666 #339966 #66FF99
#CCFFCC #00FF00 #00CC00 #CCFF66 #CCCC66 #009999 #003333 #006633 #33FF99 #CCFF99
#66CC33 #33CC00 #CCFF33 #666633 #669999 #00FFCC #336633 #33CC66 #99FF66 #006600
#339900 #CCFF00 #999966 #99CCCC #33FFCC #669966 #00CC66 #99FF33 #003300 #99CC66
#999900 #CCCC99 #CCFFFF #33CC99 #66CC66 #66CC99 #00FF33 #009900 #669900 #669933
#CCCC00
白色、灰色和黑色，以及它们的16进制代码。
#FFFFF #CCCCCC #999999 #666666 #333333 #000000
16色和它们的16进制代码。
Aqua Black Fuchsia Gray Gree Lime Maroon Navy Olive Purple
Red Silver Teal White Yellow Blue
当你要给你的网页添加颜色时，有时，你能够直接使用该颜色的名称，但是大多情况下，你只能使用十六进制代码来使用这些颜色。（浏览器能够理解这些代码。）
为了方便你去使用这些代码，我们制作了这个列表，右边是颜色，左边是十六进制代码。
Hex Code Color
#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000
Hex Code Color
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
Hex Code Color
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
Hex Code Color
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
Hex Code Color
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000
Hex Code Color
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000
————————————————————
给日志添加背景图片代码：
背景与代码（上面是做好的背景，下面就是其代码）
1
加入文字
1 代码：








 


加入文字 


2
加入文字
2  代码








 


加入文字 


3
加入文字
代码








 


加入文字 


4
加入文字
代码：









加入文字 


5
加入文字
代码








 


加入文字 


6
加入文字
代码：








 


加入文字 


7
加入文字
代码：








 


加入文字 


8
加入文字
代码：








 


加入文字 


9
加入文字
代码：








 


加入文字 


10
加入文字
代码：








 


加入文字 


11
加入文字
代码








 


加入文字 


你也可以把代码里的背景图片地址换成你自己喜欢的背景,做出漂亮的背景来!
_______________________________
flash上写字代码：
效果：',1)">
代码：





 


 


————————————————————————————————
图片加两层flash代码：





 


 


 


 


 


 



效果：
',3)">',4)">
___________________________________
图片+多层flash,图片+flash写字代码
',5)">
代码：

_________________________________________
图片加单层透明Flash插图
图片加单层透明Flash插图
代码：

＜TABLE borderCoIor=#cd5c5c height=305 width=450 aIign=center border=0>动画代码或文字代码

TABLE borderColor=#cd5c5c height=305 width=450 align=center border=0>

代码：