yxp.3188平儿 的 日志图片背景及边框代码
代码：
<TABLE align=center borderColorLight=#33FF00 borderColorDark=#FFFF00 cellSpacing=20 cellPadding=25 width="100%" bgcolor=008080 background=图片地址 border=15>
<TBODY>
<TR>
<TD>
<P><FONT color=#ffebcd size=5><STRONG>日志内容：用图片作背景</STRONG></FONT></P></TD></TR></TBODY></TABLE>
有喜欢加音乐的可以加入以下代码：
<EMBED style="LEFT: 1px; WIDTH: 0px; TOP: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>
20.彩色边框代码：
日志文字
代码：
<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>
border-style则控制边框的效果
border-width控制边框的粗细，
border-color调整边框的颜色，
这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。
<DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">实线</DIV>
21双线框代码：
<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。效果如框内所示。
21.立体线框代码：
<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>
背景为桃色，效果如框内所示。
22.滚动文本框代码：
把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片，而且文本框的大小可以随意调整。
代码：
<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>
实线 <div style="border:1px solid #000000;">实线</div>
外凸
<div style="border-style:outset; border-width:1px;">外凸</div>
双线
<div style="border:3px double #000000;">双线</div>
虚线
<div style="border:1px dashed #000000;">虚线</div>
文字
<div style="border: 1px dashed #f08080;background-color:#ffdab9">文字</div> 效果是框线颜色为淡珊瑚色#f08080，宽度为1，背景色为桃色#ffdab9的虚线框。
22.雪花装饰背景：（黑色系列）
|
|
代码： <div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/1YGXH5DC7CDx_hr-Ii2-fg==/2561703763043743677.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#B8CEE9" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/rdmtNii8iGsPt0E1ekQD2Q==/2561703763043743707.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFCC00" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/jDARVfvYqeI5A3PKQh-YGg==/2561703763043743739.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FAA783" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/1KQhmS-hC2ppgzPHAZ4D3g==/2561703763043743762.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#CDD4D7" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://image21.360doc.com/DownloadImg/2011/01/1115/8402987_4.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#CDD4D7" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://img.blog.163.com/photo/54dc7KikugoO6b5wMiAJ5Q==/2561703763043743806.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://img.blog.163.com/photo/FTaG7Q7TWFFhn-KxWRjTJA==/2561703763043743819.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://img.blog.163.com/photo/1EW88suUUrOIHOFw-q_sxg==/2561703763043743833.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/WFKROe0CKtVwR7FPnf6ivA==/3724476891835500513.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/nWZX72E2XgRgOYuGJfFPGw==/3724476891835500644.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table></div>
|
|
23.平安夜背景代码：
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/iDFPQtNDiIuFTnUw-D9ZZQ==/5398408578333734547.jpg"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFCC00" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/kDs8KntbcL8cbRQAdTL0Yg==/2561703763043743660.jpg"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
|
|
24.圣诞袜装饰背景：
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/lwWAJJOsjU7MRbXhWx3eeA==/3724476891835500660.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>
|
|
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/_QXKHLBKGgwjn0lA6dQC1w==/3724476891835500684.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>
|
|
25.金色圣杯背景
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://image21.360doc.com/DownloadImg/2011/01/1115/8402987_5.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>
|
|
26.天使降临背景：
|
|
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/kn8f-vZ3j8u5H5qTN-LcAg==/1461981029035221338.jpg"><div align="center"><table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div></div></div></td></tr></table></div>
|
|
以上这些直接复制代码到日记编制器中即可使用！！
