<div style="width:100%;height:100%;background-color:#ffb6c1;">文字</div>

      注意，这里需要将<p></p>嵌套在这一语句中，即如下形式：

<div style="width:100%;height:100%;background-color:#ffb6c1;"><p>文字</p></div>

      当你想更改不同色彩的时候，只需将#ffb6c1这个颜色编码的数值加以调整就行了（注意不要丢了这个符号#）。效果如粉红色区域显示。

本代码由五重天技术提供：

欢迎朋友们访问他的空间：http://spaces.msn.com/members/memes/

<FONT color=blue>
<P align=center><A href="http://<!--begin/%20video%20code%20--><br><a%20href=/"><IMG height=5 dynsrc=http://www.xpiao.com/audiovisual/aa.mp3 width=321 align=center border=0></A></P></FONT><BR>
<P align=left></P>

女巫的话：其中的歌曲链接是从百度的MP3搜索的，下面给出我喜欢的几首歌的链接：

您正在试听的歌曲是： M2M-Pretty Boy
试听歌曲出处: http://www.xpiao.com/audiovisual/aa.mp3

您正在试听的歌曲是： 想大声说爱你 灌篮高手插曲
试听歌曲出处: http://61.132.3.162/net_crystal/mp3/slam1.mp3

您正在试听的歌曲是： When a child is born
试听歌曲出处: http://www.qmwx.com/mu/When_a_child_is_born.mp3

http://tw.gdcvi.net/englishbar/Music/M2M-Smiling%20Face.mp3

女巫原创：另补充一个搜索歌曲的小技巧，那就是在用百度的MP3搜歌时，复制的链接是试听的链接，也就是说搜索出来后要按试听，有声音出来后才复制。

<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B">
<div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

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

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>

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

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

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

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

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

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

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

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

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

<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

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

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffc0cb">文字</DIV></DIV>

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

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV></DIV>

背景为桃色，效果如框内所示。

对于背景边框的四个边你也可以按自己的需要进行调整，以左边框为例，你可以使用下述语法：

Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式
Border-left-color: #xxxxxx定制边框颜色
Border-left-width: xpt 定制边框粗细

其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下，看一看是什么效果：（效果这里就不给出来了，有兴趣的可以回去试一下。）

<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
border-bottom-style:outset;background-color:#cc3366">

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

这是小女巫测试修改后的颜色搭配

      把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片，而且文本框的大小可以随意调整。

具体效果看以下链接：查看效果

<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字</DIV>  

      代码实现的文本框是浅黄色的背景，粗略效果如文本框内所示。

（注释：附语法语句的解释：

//层开始标记，对中对齐
: <DIV align=center
//样式如下：
: style='
//前景色为#ffffff
: color: #ffffff;
//背景色为#000000
: background-color: #000000;
//边框为2像素，黑色
: border: solid 2px black;
//宽度120像素
: width: 120px;
//高度200像素
: height: 200px;
//超出范围时使用滚动条
: overflow: scroll;
//滚动条的各个颜色如下
: scrollbar-face-color: #889B9F;
: scrollbar-shadow-color: #3D5054;
: scrollbar-highlight-color: #C3D6DA;
: scrollbar-3dlight-color: #3D5054;
: scrollbar-darkshadow-color: #85989C;
: scrollbar-track-color: #95A6AA;
: scrollbar-arrow-color: #FFD6DA;
//在这个层中显示文字“日志文字”，层结束标志
: '>日志文字</DIV>

      PS：特别感谢百忙中提供我帮助帮我解惑的偶的朋友TOLLY！）

PS.文本滾動框的源代碼：

<DIV align=center>

--------------------------------------置中;

<FONT style=";

--------------------------------------文字格式;

OVERFLOW: auto;

--------------------------------------超過範圍就自動生成滾動條;

OVERFLOW-X: Hidden;

--------------------------------------需要時才用，用來隱藏X軸滾動條的;

border: solid 2px black

;-------------------------------------邊框的格式，厚度和顏色;

background-color: #ffffee;

--------------------------------------背景色,如果要透明背景就去掉整句;

SCROLLBAR-FACE-COLOR: #0000ff;

---------------滾動條中間可以拉的部分和箭頭旁邊部分的顏色;

SCROLLBAR-TRACK-COLOR: #eeffff;

---------------滾動條中間可以拉的部分以外的顏色;

SCROLLBAR-HIGHLIGHT-COLOR: #6cb424;

---------------滾動條左側邊框的顏色（用於顯示立體之用）;

SCROLLBAR-3DLIGHT-COLOR: #fcfc48;

---------------滾動條左側邊框的顏色（用於顯示立體之用）;

SCROLLBAR-SHADOW-COLOR: #90fcfc;

---------------滾動條右側邊框的顏色（用於顯示陰影之用）;

SCROLLBAR-DARKSHADOW-COLOR: #401687;

---------------滾動條右側邊框的顏色（用於顯示陰影之用）;

SCROLLBAR-ARROW-COLOR: #FFFF00;

---------------箭頭部分顏色;

ZOOM: 100%;

---------------放大比率;

HEIGHT: 105px" face="Courier New, Courier, Monospace" color=#9933cc>

<P>test日誌內容test</P>

<P>test日誌內容test</P>

<P>test日誌內容test</P>

<P>test日誌內容test</P>

</FONT></DIV>

       接下来说说文字竖排是如何实现的。除了制造特殊效果，我在Space空间展示的文字竖排没有什么真正的实用性，只会给阅读者造成麻烦，不过本着尽可能挖掘Space潜力的原则，我还是尝试了如下的语法：

<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>

      这个语法中唯一的亮点就是Writing-Mode这个参数，其后的tb代表文字排列从上到下，rl代表从右到左。效果如下所示：

*************************************************************************

阴影效果的代码：<FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#66cc99><B>♡烟视媚行♡</B></FONT>

阴影效果

发光效果的代码：<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#ff3366><B>发光效果</B></FONT>

发光效果

模糊效果的代码：<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 30px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 200px" color=#9900ff>模糊效果</FONT>

模糊效果

光晕效果的代码：<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=6>光晕效果</FONT></DIV>

美化您的网络日志－文绕图

<img src="..." align="right">

• align="right"：图靠右
  left－图靠左

　　是该面对自己的时候了，一直逃避也不是办法。

　　那一天，走在午后微凉的街上，虽然人来人往，心中的感觉却是孤独的。是上天的安排吧，在我情绪最低的时候，在这熟悉到有点陌生的街道，遇见她。

　　没有地球停止转动的震憾，也没有世界只剩两人的错觉，只有内心深处闪过一丝丝模糊的莫名。

　　「是妳吗？」脑中浮现的第一句话。当然我没有说出过。在大街上对一个素未谋面的女子问这样的问题也许会被视为疯子。在我尽力整理脑中如小朋友的玩具箱般混乱的思绪的同时，两人擦身而过。

　　是寂寞吧？我想。老是在街上，为了某一个擦身而过的女子而牵动心弦，却老是弹不出一首悦耳的歌曲。是少一条红线吧？我深信不疑。

　　也曾想和身边的女性朋友诉说心中的苦烦，却怕引来误会和闲言闲语，也怕控制不了自己的感情。分不清友谊与爱情、好意与关心、爱与喜欢……，这对我向来都是裹足不前最大的主因。

　　但是，人生到了某个阶段，总会回头看看过去的自己。发现自己的身旁总是空了一个位子，那是寂寞由来。

　　现在的我，坐在红砖道的铁椅上，希望自己有勇气面对自己，面对未来。

*************************************************************************

以下代码是我用HTML的格式找出来的，贴出来给大家作个参考，大家慢慢琢磨吧。~

<TD id=msgcns!1pWxxpDggkEo38woh3bmyOEQ!107><STRONG><IMG height=131 src="http://storage.msn.com/x1pbglk-vqL4Bu4_3I79GpOs1-0S96cxR8j9lqtVOFXd-EsDIXCwwOhUMXLhJVZ2JTWLgEitnSdgZX78ELyM9MLsKRT5wPU8LVPuCX6Do-auiFTNDNZ6yHyhQ" width=93 align=right></STRONG>
<P><FONT face="Courier New">&lt;img src="..." <FONT color=#ff0000>align="right"</FONT>&gt;</FONT></P>

<P><FONT color=#660066>　　<FONT size=2>是该面对自己的时候了，一直逃避也不是办法。 <BR><BR>　　那一天，走在午后微凉的街上，虽然人来人往，心中的感觉却是孤独的。是上天的安排吧，在我情绪最低的时候，在这熟悉到有点陌生的街道，遇见她。 <BR><BR><IMG height=131 src="http://storage.msn.com/x1pbglk-vqL4Bu4_3I79GpOs1-0S96cxR8j9lqtVOFXd-EsDIXCwwOhUMXLhJVZ2JTWLgEitnSdgZX78ELyM9MLsKRT5wPU8LVPuCX6Do-auiFTNDNZ6yHyhQ" width=93 align=left>

*************************************************************************

女巫原创：   点击查看文绕图效果

      呵呵，光看这个教程，我是看得有点一头雾水啦，就不知聪明的各位看了国良先生的教程是不是会一看就懂了，西西！~

      后来女巫实在是手痒，不能忍受还有东西我没学会的，所以就忍不住跑去测试了一下，结果非常简单，但过程又是弄了我一上午的时间，呜！~

      下面我把经验之谈说一说。总的来说，第一步就是先找到你想贴的图的地址，查找的方法是：右键点击该图，选“属性”，然后就会出现该图的地址，选择这个地址，复制它。小技巧：你可以先把它复制到记事本里备用。

      第二步，新开一篇日志，在HTML的状态下直接把以下代码，也就是国良先生所说的那段语句复制粘贴到日志里面。注：这里面也有一个小技巧，就是你在日志里可以不必写任何文字，先把代码复制到里面，等图排列好了之后才输入文字也不迟，呵呵，女巫就是这样子滴~ （其中蓝色网址部分为你要贴图的网址。）语句如下：

      图靠左：<IMG src="http://mydeskcity.com/QTZY/GIF/xsgs/xsgs441.gif" align=left>

      图靠右：<IMG src="http://mydeskcity.com/QTZY/GIF/xsgs/xsgs441.gif" align=right>

     第三步，退出HTML状态，编辑文字。