字號：大 中 小
【內(nèi)容介紹】
和訊博客,新浪博客,網(wǎng)易博客,搜狐博客,51空間,校內(nèi)網(wǎng)的博客日志文章添加背景多種外框讓文字在
圖片上寫作多種風(fēng)格代碼的詳細說明介紹......
效果圖:文章背景邊框圖→
路
過來的人說，
路是一面鏡子，
它可以折射出一
個人酸甜苦辣的全部。
人在旅途中，
不能不生息，
不能沒有路，
每個人都在生命的路上,
獨立地書寫著一個屬于自己的故事。
編緝:良曼
從開博的那段
時間一直以來，良曼的博客文章都是采用背景加外框襯托文章內(nèi)容.受到很多博友的喜歡,但一直都沒有寫個教程出來 ,最近也因門戶改板將文章背景也都撤下了.以前來過本博的博友也來詢問此代碼如何設(shè)置,現(xiàn)良曼抽空將此文章背景邊框代碼填補上.
一;單純的圖片背景文章代碼:代碼如下:
<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(http://hexun.com/homephoto/img_bak/20081121/9269439/top03-52-49.jpg); WIDTH: 502px; PADDING-TOP: 14px; HEIGHT: 374px"><BR>
<DIV align=left> </DIV>
<DIV>博客空間文章背景邊框代碼</DIV>
</DIV></DIV>
效果圖:
良曼博客空間文章背景邊框代碼
參數(shù)說明:
紅色字為背景圖片的地址,
藍色字為文章的內(nèi)容,
方法:在寫日志時首先
點擊日志下角的"代碼"將以上面的代碼貼上去,注意,紅色部分的"圖片地址"應(yīng)換成你想用的圖片的鏈接地址,然后再點擊一次"設(shè)計"將會出現(xiàn)你貼的圖片,雙擊圖片,你就可以在上面寫日志了。
二;有多種邊框的圖片背景文章代碼:代碼如下:
<TABLE class=" FCK__ShowTableBorders" style="WIDTH: 313px; HEIGHT: 1px" cellSpacing=8 cellPadding=0 width=313 background=http://image15.360doc.com/DownloadImg/2010/09/2423/5516850_6.jpg>
<TBODY>
<TR>
<TD align=middle width="100%">
<DIV> </DIV>
<DIV>
<TABLE style="WIDTH: 313px; HEIGHT: 58px" cellSpacing=8 borderColorDark=#66ccff cellPadding=0 width=313 borderColorLight=#66ccff background=http://image15.360doc.com/DownloadImg/2010/09/2423/5516850_7.jpg border=5>
<TBODY>
<TR>
<TD align=middle width="100%">
<DIV>博客空間文章背景代碼<A target=_blank></DIV></A></TD></TR></TBODY></TABLE><A ></A></DIV></TD></TR></TBODY></TABLE>
效果圖:
良曼博客空間文章背景代碼
參數(shù)說明:
紅色字為背景圖片的地址,
藍色字為文章的內(nèi)容,
方法:在寫日志時首先點擊日志下角的"代碼"將以上面的代碼貼上去,注意,紅色部分的"圖片地址"應(yīng)換成你想用的圖片的鏈接地址,然后再點擊一次"設(shè)計"將會出現(xiàn)你貼的圖片,雙擊圖片,你就可以在上面寫日志了。
良曼在推薦幾種用代碼來營造出多種不同的邊框效果.
不知博友們有沒有注意在上面的代碼里面我特意用加粗來標(biāo)明的字母style這個字母只要將下面的代碼放在 style=" 后面就可以有如下面效果的邊框物效.
1、嵌入框代碼：
BORDER-RIGHT: #ff9900 15px inset; BORDER-TOP: #ff9900 15px inset; BORDER-LEFT: #ff9900 15px inset; BORDER-BOTTOM: #ff9900 15px inset
2、雙線框代碼：
BORDER-RIGHT: 7px double; BORDER-TOP: 7px double; BORDER-LEFT: 7px double; BORDER-BOTTOM: 7px double
3、虛線框代碼：
BORDER-RIGHT: #990000 3px dashed; BORDER-TOP: #990000 3px dashed; BORDER-LEFT: #990000 3px dashed; BORDER-BOTTOM: #990000 3px dashed
4、脊?fàn)羁?/a>代碼：BORDER-RIGHT: #cc6666 15px groove; BORDER-TOP: #cc6666 15px groove; BORDER-LEFT: #cc6666 15px groove; BORDER-BOTTOM: #cc6666 15px groove5、粒狀陰影框 代碼：
FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30
