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>日志內(nèi)容：用圖片作背景</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調(diào)整邊框的顏色，
這里你仍然可以使用如#xxxxxx的顏色數(shù)值，而當使用“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>
效果如框內(nèi)，是帶背景色（熏衣草色）的簡單雙線框。
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>
顯示的效果是背景色為桃色的簡單雙線框。效果如框內(nèi)所示，邊框的顏色是橙紅色#ff4500，框內(nèi)背景色為桃色#ffdab9
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>
顯示的效果是背景色為NAVAJO白的簡單雙線框。效果如框內(nèi)所示，邊框的顏色是橙紅色#ff4500，框內(nèi)背景色為桃色#ffdead。
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>
背景顏色為淡黃色#FFFFE0，效果如框內(nèi)所示。
<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>
這種雙線框的效果有若隱若現(xiàn)的感覺，框的顏色是淡珊瑚色#f08080，框內(nèi)背景的顏色是NAVAJO白#FFdead。效果如框內(nèi)所示。
<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>
這種雙線框的效果有若隱若現(xiàn)的感覺，框的顏色是淡珊瑚色#f08080，框內(nèi)背景的顏色是淡黃色#FFFFE0。效果如框內(nèi)所示。
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>
效果如框內(nèi)所示，是帶背景色（熏衣草色）的浮出立體線框，代碼中的#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>
背景為粉紅色，效果如框內(nèi)所示。
<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>
背景為桃色，效果如框內(nèi)所示。
22.滾動文本框代碼：
把代碼拷貝后可直接雙擊文本框就可以在里面輸入文字和粘貼圖片，而且文本框的大小可以隨意調(diào)整。
代碼：
<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>
代碼實現(xiàn)的文本框是淺黃色的背景，粗略效果如文本框內(nèi)所示。
（注釋：附語法語句的解釋：
//層開始標記，對中對齊 : <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; //在這個層中顯示文字“日志文字”，層結(jié)束標志 : '>日志文字</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>
|
|
以上這些直接復制代碼到日記編制器中即可使用?。?/font>
