寶貝們,朋友們:您們好!
本帖子歡迎轉(zhuǎn)載、復(fù)制、挪用、摘取,只要是你認(rèn)為是你自己喜歡的方式,
你就可以采用什么方式取得代碼。說句真實(shí)話,誰沒有在別人的空間復(fù)制、
挪用、摘取、盜用過資料?本人認(rèn)為這沒有什么可恥,是為了取得知識(shí)和資
源。要知道資源是共享的,不要自己首先取得了一點(diǎn)資源,就自認(rèn)為了不
起,就把資源控制起來,作種種的限制,這也不準(zhǔn),那也不準(zhǔn),甚至用一
些非常令人作嘔的語言來罵人,這就沾污了自己的靈魂。說句不好聽的話,
沒有誰的知識(shí)是從娘胎里帶來的,都是從社會(huì)學(xué)來的,從老師那里學(xué)來的,
從周圍的人們那里學(xué)來的。既然是學(xué)來的,就要毫無保留地貢獻(xiàn)給大家,
取之于眾,也要還之于眾。
本帖子的資料全部來源于《品味》老師的空間
HTML高級(jí)教程之一
如何給FLASH分層添加邊框美化效果
代 碼 如 下
<div align=center> <table style="WIDTH: 620px; CURSOR: hand; HEIGHT: 1px" borderColor=#0000ff cellSpacing=0 cellPadding=0 bgColor=#000000 border=1> <tr> <td borderColor=#ffffff cellpadding="0" cellspacing="0" border="1"><FONT face=黑體 color=#ff0000 size=4><EMBED style="WIDTH: 620px; CURSOR: hand; HEIGHT: 390px" src=flash地址 width=620 height=380 type=application/x-shockwave-flash allowscriptaccess="never" allowNetworking="internal" invokeurls="false" allownetworking="internal" wmode="transparent" a=""></EMBED></FONT></td> </tr> </table> <P style="MARGIN-TOP: -375px; MARGIN-LEFT: 0px"> </P> <CENTER> <table style="WIDTH: 468px; CURSOR: hand; HEIGHT: 1px" borderColor=#0000ff cellSpacing=0 cellPadding=0 bgColor=#000000 border=1> <tr> <td borderColor=#ffffff cellpadding="0" cellspacing="0" border="1"><FONT face=黑體 color=#ff0000 size=4><EMBED style="WIDTH: 468px; CURSOR: hand; HEIGHT: 295px" src=flash地址 width=468 height=260 type=application/x-shockwave-flash allowscriptaccess="never" allowNetworking="internal" invokeurls="false" allownetworking="internal" wmode="transparent" a=""></EMBED></FONT></td> </tr> </table> </CENTER> <P style="MARGIN-TOP: -280px; MARGIN-LEFT: 0px"> </P> <CENTER> <table style="WIDTH: 1px; CURSOR: hand; HEIGHT: 1px" borderColor=#0000ff cellSpacing=0 cellPadding=0 bgColor=#000000 border=1> <tr> <td borderColor=#ffffff cellpadding="0" cellspacing="0" border="1"><FONT face=黑體 color=#ff0000 size=4><EMBED style="WIDTH: 335px; CURSOR: hand; HEIGHT: 210px" src=flash地址 width=445 height=250 type=application/x-shockwave-flash allowscriptaccess="never" allowNetworking="internal" invokeurls="false" allownetworking="internal" wmode="transparent" a=""></EMBED></FONT></td> </tr> </table> </CENTER> <P><BR><BR><BR> </P></div>
溫 馨 提 示
1、代碼中的紅色處按說明換成你喜歡的flash的地址,可以是相同的flash,也可以是不同的flash,上面的效果是用相同的flash。
2、紅色的地址后面的黃色是每個(gè)flash的寬度和高度,你可以自己設(shè)置。
3、青色中的兩個(gè)數(shù)字分別是flash距離上邊和左邊框的距離,可以取負(fù)數(shù),你可以自己設(shè)置。
HTML 高級(jí)教程之二
如何用屬性顏色組合完美的框中框
溫 馨提示
#555555 顏色可變。10px 大小可變。width=300 寬度可變
下面是效果與代碼
1.槽線邊框表格
<TABLE style="BORDER-RIGHT: #555555 10px groove; BORDER-TOP: #555555 10px groove; BORDER-LEFT: #555555 10px groove; BORDER-BOTTOM: #555555 10px groove; BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>槽線邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
2.脊線邊框表格
<TABLE style="BORDER-RIGHT: #555555 10px ridge; BORDER-TOP: #555555 10px ridge; BORDER-LEFT: #555555 10px ridge; BORDER-BOTTOM: #555555 10px ridge; BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>脊線邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
3.內(nèi)凹效果邊框
<TABLE style="BORDER-RIGHT: #555555 10px inset; BORDER-TOP: #555555 10px inset; BORDER-LEFT: #555555 10px inset; BORDER-BOTTOM: #555555 10px inset; BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>內(nèi)凹效果邊框</DIV></TD>
</TR></TBODY></TABLE>
|
4.外凸效果邊框
<TABLE style="BORDER-RIGHT: #555555 10px outset; BORDER-TOP: #555555 10px outset; BORDER-LEFT: #555555 10px outset; BORDER-BOTTOM: #555555 10px outset; BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>外凸效果邊框</DIV></TD>
</TR></TBODY></TABLE>
|
5.外虛內(nèi)實(shí)邊框
<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#555555 height=100 cellSpacing=8 cellPadding=2 width=300 align=center bgColor=#555555 border=2> <TBODY> <TR> <TD style="BORDER-RIGHT: #555555 3px solid; BORDER-TOP: #555555 3px solid; BACKGROUND: #333333; BORDER-LEFT: #555555 3px solid; BORDER-BOTTOM: #555555 3px solid"> <DIV align=center>外虛內(nèi)實(shí)邊框</DIV></TD></TR></TBODY></TABLE>
|
7.雙實(shí)線邊框表格
<TABLE borderColor=#555555 height=100 cellPadding=2 width=300 align=center border=3> <TBODY> <TR> <TD> <DIV align=center>雙實(shí)線邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
8.點(diǎn)線邊框表格
<TABLE style="BORDER-RIGHT: #555555 3px dotted; BORDER-TOP: #555555 3px dotted; BORDER-LEFT: #555555 3px dotted; BORDER-BOTTOM: #555555 3px dotted; BORDER-COLLAPSE: collapse" borderColor=#333333 height=100 cellPadding=2 width=300 align=center border=2> <TBODY> <TR> <TD> <DIV align=center>點(diǎn)線邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
9.單實(shí)線邊框表格
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=2> <TBODY> <TR> <TD> <DIV align=center>單實(shí)線邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
10.立體陰影邊框表格
<TABLE style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#333333,direction:130,strength:10)" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>立體陰影邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
11.水平顛倒邊框表格
<TABLE style="filter:fliph" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>水平顛倒邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
12.上下顛倒邊框表格
<TABLE style="filter:flipv" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>上下顛倒邊框表格</DIV></TD>
</TR></TBODY></TABLE>
|
13.浮雕特效邊框表格
<TABLE style="filter:progid:DXImageTransform.Microsoft.Emboss()" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> 浮雕特效邊框表格 </DIV></TD></TR></TBODY></TABLE>
|
14.色彩漸變特效邊框表格
<TABLE style="filter:invert" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> 色彩漸變特效邊框表格 </DIV></TD></TR></TBODY></TABLE>
|
14.X光特效邊框表格
<TABLE style="filter:'xray'" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> X光特效邊框表格 </DIV></TD></TR></TBODY></TABLE>
|
15.黑白特效邊框表格
<TABLE style="filter:'gray'" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> 黑白特效邊框表格 </DIV></TD></TR></TBODY></TABLE>
特效邊框表格
|
16.顆粒陰影特效邊框表格
<TABLE style="filter:progid:DXImageTransform.Microsoft.Glow(color=#333333,strength=12)" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> 顆粒陰影特效邊框表格 </DIV></TD></TR></TBODY></TABLE>
|
色彩表
HTML 高級(jí)教程之四
如何結(jié)合精美邊框流動(dòng)套裝
<TABLE style="BORDER-RIGHT: #555555 10px ridge; BORDER-TOP: #555555 10px ridge; BORDER-LEFT: #555555 10px ridge; BORDER-BOTTOM: #555555 10px ridge; BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=870 align=center border=10> <TBODY> <TR> <TD> <DIV align=center> <P align=center>這里可以寫字</P></DIV></TD></TR></TBODY></TABLE> <TABLE style="BACKGROUND-IMAGE: url(底圖地址)" borderColor=#cccccc cellSpacing=60 cellPadding=60 width="100%" align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD> <P align=center><FONT face=楷體_GB2312><FONT size=5><STRONG></STRONG></FONT></FONT> </P> <TD width=700> <MARQUEE> <TABLE style="BACKGROUND-IMAGE: url(地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width=700 align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD> <TABLE style="BACKGROUND-IMAGE: url(地址); WIDTH: 710px; HEIGHT: 429px" borderColor=#cccccc cellSpacing=50 cellPadding=50 width=800 align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD> <TABLE style="BACKGROUND-IMAGE: url(地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width=510 align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD> <TABLE style="BACKGROUND-IMAGE: url(地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width=510 align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD> <CENTER> <P align=center><FONT color=#000000><FONT color=#ffff00 size=5>可以寫字和放其它</FONT></P></CENTER></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <P></P></TD></TR></TBODY></TABLE> <CENTER></CENTER> <P></P></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></MARQUEE></TD></TR></TABLE> <TABLE style="BORDER-RIGHT: #555555 10px ridge; BORDER-TOP: #555555 10px ridge; BORDER-LEFT: #555555 10px ridge; BORDER-BOTTOM: #555555 10px ridge; BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=870 align=center border=10> <TBODY> <TR> <TD> <DIV align=center><FONT face=楷體_GB2312 color=#006600 size=6><STRONG></STRONG></FONT> 這里可以寫字</DIV></TD></TR></TBODY></TABLE>
HTML 高級(jí)教程之五
如何在大圖表面自由組合精美圖案
效果圖代碼:
<TABLE style="BACKGROUND-IMAGE: url(大圖地址)" borderColor=#cccccc cellSpacing=20 cellPadding=20 width="85%" align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD> <DIV align=center> <TABLE cellSpacing=5 cellPadding=0 width=350 align=center> <TBODY> <TR> <TD align=middle></TD> <TD align=middle></TD> <TD align=middle></TD></TR> <TR> <TD align=middle> <TABLE class=ctab style="BACKGROUND-POSITION: 1572px 1572px; BACKGROUND-IMAGE: url(左邊地址)" height=17 cellSpacing=0 cellPadding=0 width=17 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE height=5 cellSpacing=0 cellPadding=0 width=5 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE class=ctab style="BACKGROUND-IMAGE: url(左邊地址)" height=200 cellSpacing=0 cellPadding=0 width=7 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE height=5 cellSpacing=0 cellPadding=0 width=5 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE class=ctab style="BACKGROUND-POSITION: 1572px 1572px; BACKGROUND-IMAGE: url(左邊地址)" height=40 cellSpacing=0 cellPadding=0 width=17 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE height=5 cellSpacing=0 cellPadding=0 width=5 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE class=ctab style="BACKGROUND-IMAGE: url(左邊地址)" height=200 cellSpacing=0 cellPadding=0 width=7 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE height=5 cellSpacing=0 cellPadding=0 width=5 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE class=ctab style="BACKGROUND-POSITION: 1572px 1572px; BACKGROUND-IMAGE: url(左邊地址)" height=17 cellSpacing=0 cellPadding=0 width=17 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE></TD> <TD align=middle> <TABLE cellSpacing=20 cellPadding=5 width=350 align=center> <TBODY> <TR> <TD class=tc style="BACKGROUND-IMAGE: url(圖片邊框地址)" align=middle> <DIV class=d align=center><IMG height=395 alt=明少編輯 src="你喜歡相片地址一" width=353 appendurl="1"> <IMG height=395 alt=明少編輯 src="你喜歡相片地址二" width=353 appendurl="1"></DIV></TD></TR> <TR> <TD class=tc style="BACKGROUND-IMAGE: url(地址)" align=middle> <DIV class=tx1 style="BACKGROUND-IMAGE: url(地址)"> <DIV><FONT size=4><FONT color=#0000ff></FONT></FONT> </DIV> <DIV><FONT size=4><FONT color=#0000ff></FONT></FONT> </DIV> <DIV><FONT size=4><FONT color=#0000ff></FONT></FONT> <FONT size=4></DIV></DIV></FONT></TD></TR></TBODY></TABLE></TD> <TD align=middle> <TABLE class=ctab style="BACKGROUND-POSITION: 1572px 1572px; BACKGROUND-IMAGE: url(右邊地址)" height=17 cellSpacing=0 cellPadding=0 width=17 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE height=5 cellSpacing=0 cellPadding=0 width=5 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE class=ctab style="BACKGROUND-IMAGE: url(右邊地址)" height=200 cellSpacing=0 cellPadding=0 width=7 align=center> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE> <TABLE height=5 cellSpacing=0 cellPadding=0 width=5
《LOVE佳》祝福寶貝、朋友們開心、快樂每一天!
|