<TABLE style="BORDER-RIGHT:#ff6666 15px outset; BORDER-TOP: #ff66cc 15px outset; BORDER-LEFT: #0000ff 15px outset; WIDTH: 498px; BORDER-BOTTOM:#0000ff 15px outset; HEIGHT: 818px" align=center><TBODY><TR><TD style="WORD-WRAP: break-word"><DIV align=center><TABLE style="BACKGROUND: url(圖片地址); WIDTH: 447px" cellSpacing=6 border=2><TBODY><TR><TD style="WORD-WRAP: break-word"><DIV align=center><TABLE style="BORDER-RIGHT: #0000ff 5px outset; BORDER-TOP: ="WORD-WRAP: break-word"><DIV align=center><DIV style="BACKGROUND: url(圖片地址);WIDTH: 393px; HEIGHT: 602px"><P align=center><FONT #0000ff 5px outset; BORDER-LEFT: #ff66cc 5px outset; WIDTH: 414px; BORDER-BOTTOM: #ff66cc 5px outset; HEIGHT: 761px" align=center><TBODY><TR><TD style color=#ffff00 size=5><STRONG><FONT size=6> 歡迎大家復(fù)制這段代碼或者直接復(fù)制我制作的立體日志框到你的日志。 隨著文字增多,框會(huì)自然延長(zhǎng)。</FONT></STRONG></FONT></P></DIV></DIV><DIV></DIV><STRONG><FONT color=#990033></FONT></STRONG><DIV></DIV><DIV></DIV><DIV></DIV> <DIV></DIV><DIV align=center> </DIV></TD></TR><TBODY></TBODY></TBODY></TABLE> </DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE> 代碼解析: cellSpacing=6框距 border=2白線寬BORDER-RIGHT: #ff6666 15px outset; BORDER-TOP: #ff66cc 15px outset; BORDER-LEFT: #0000ff 15px outset; WIDTH: 498px; BORDER-BOTTOM: #0000ff外框顏色BORDER-RIGHT: #0000ff 5px outset; BORDER-TOP: #0000ff 5px outset; BORDER-LEFT: #ff66cc內(nèi)框顏色 。 日志做邊框(注意:這只是方法,邊框?qū)挾?、顏色等自己選擇) 1、外框主代碼 <TABLE style="BORDER-RIGHT: #00ffff 10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge; BORDER-BOTTOM: #00ffff 10px ridge; BACKGROUND-COLOR:#0aa297"cellSpacing=0> <TBOD><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD> 圖片的代碼 </TD></TR></TBODY></TABLE> 解析:①BORDER-RIGHT: #00ffff 10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge; BORDER-BOTTOM: #00ffff為左右上下四個(gè)邊框的顏色控制屬性, #00ffff是顏色代碼,你自己可以代換;②BACKGROUND-COLOR: #0aa297為框內(nèi)顏色屬性;③cellSpacing=0為內(nèi)外框距離,此處沒(méi)有外框,設(shè)定為0;效果如下: 2、內(nèi)框主代碼 <TABLE border=1> 解析:①border=1為邊框?qū)挾葘傩?;②想要幾個(gè)內(nèi)框,就把內(nèi)框代碼復(fù)制幾個(gè)到外框代碼文字處,即把<TABLE border=1><TBODY><TR><TD>復(fù)制到外框代碼<TD>與</TD>之間。③因?yàn)橛辛藘?nèi)框,所以不要忘記把外框代碼中的 cellSpacing=0改為cellSpacing=1~3的數(shù)據(jù) 3、內(nèi)外框組合 我以四個(gè)內(nèi)框?yàn)槔?/span> <TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ccff00" cellSpacing=2> <TBODY> <TR> <TD> <TABLE border=1> <TABLE border=1> <TABLE border=1> <TABLE border=1> 這里寫(xiě)文字,隨文字增多,邊框逐漸放大。可加入背景圖 片代碼等。 </TD></TR></TBODY></TABLE> 4、下面是七層框的例子: 這是個(gè)七層的公式,當(dāng)然你可以做N層。 第一層:<table div align="center" border="0" cellpadding="0" cellspacing="15" width="540" background="圖片地址"> 第二層:<table border="0" cellpadding="0" cellspacing="3" width="100%" background="圖片地址"> 第三層: 第四層: 第五層: 第六層: 第七層: 仔細(xì)瞧:除了第一層有幾個(gè)格式不一樣,后面幾個(gè)基本一樣,就是數(shù)字不一樣,由你自己定。只要自己高 興,隨便弄。 己想要的背景圖片地址,要選擇不同的背景圖片才可以顯示層次感 接下來(lái),就要把自己喜歡的圖片和文字加上,也很簡(jiǎn)單,圖片的最簡(jiǎn)單格式。 <center> <IMG src="圖片地址" width=500 height=400> 350。。。。。等。 <CENTER><FONT color=green face=隸書(shū) size=4> 隱藏的自動(dòng)播放的播放器 </DIV></TD></TR></TABLE></DIV></TD></TR></TABLE> 有幾層加幾個(gè): 其他問(wèn)題: (1)size字的大小 (2)水平方向(align),垂直方向(valign) (3)<BR>
這是一款CSS打造的水晶邊框,里面的屬性可以修改,大小自己調(diào)整,代碼如下:
<table width="200" height="210" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" >
<tr> <td height="27" bgcolor="#FF9999" style="filter: Blur(Add=true, Direction=180, Strength=20)"></td> </tr> <tr> <td height="180" valign="top"> </td> </tr> </table> |
|
|
來(lái)自: 音畫(huà)天堂 > 《音畫(huà)素材》