[07/01][傻兔教室]CSS 裝 飾 邊 框 制 作

月儿

如沒有設定bordercolor, 那便默認為黑色 <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 border=12> 最 簡 單 的 <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff solid"> <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff dashed"> <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff dotted"> <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff double"> <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff groove"> <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff ridge"> <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff outset"> <img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="border:12px #00ffff inset"> 另加框 <DIV align=center> <TABLE bgcolor=#999999 style="BORDER: #000000 2px dotted" cellSpacing=10 cellPadding=0> <TBODY> <TR> <TD style="BORDER: #000000 2px dotted" vAlign=center align=middle colSpan=2> <CENTER> <IMG style="FILTER: Blur(Add=1,Direction=45,Strength=180)" src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500> </CENTER> </TD> </TR> </TBODY> </TABLE> </DIV> 加點變化 <BR><P align=center><IMG style="BORDER-RIGHT: red 8px dashed; BORDER-TOP: green 8px dotted; BORDER-LEFT: yellow 8px dashed; BORDER-BOTTOM: blue 8px dotted" src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500></P><BR> <BR><center><TABLE bgcolor=black style="border:12px #00ffff dashed"><TBODY><TR><TD><TABLE bgcolor=black style="border:12px #00ffff ridge"><TBODY><TR><TD><img src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500 style="filter: Gray"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></center><BR> 做圖的方法很多, 上面的是用了兩個框的效果, 其實用一個框也能做出相同效果的. 只要在 < TD> 加點變化. <TABLE style="BORDER-RIGHT: #00ffff 12px dashed; BORDER-TOP: #00ffff 12px dashed; BORDER-LEFT: #00ffff 12px dashed; BORDER-BOTTOM: #00ffff 12px dashed" bgColor=black> <TBODY> <TR> <TD style="BORDER: #00ffff 12px ridge" bgColor=black><IMG style="FILTER: Gray" src=http://i17.photobucket.com/albums/b51/lyh_/lovers%20N%20kiss/lover-38.jpg width=500></TD></TR></TBODY></TABLE></CENTER><BR>

[ 本帖最后由 月儿 于 2006-7-1 00:25 编辑 ]

绯舞

月儿教程又来了 做上沙发慢慢学习中

sky30002001

强人啊,厉害.好好学习中.

happy-yan

不错 对于初学者来说很好!很实用的说!

tonn

謝謝月儿好帖 学习中~!

rayboy

正想学学，谢谢！！！

R00503

不错，不错，等我慢慢领悟吧^^

小辣椒

哇........粉厉害的说呢...恩,抢个位置好好学习~

不弃

<TABLE cellSpacing=0 cellPadding=0 align=center background="文字圖片" border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center background="面版背景"><TBODY><TR><TD align=middle><BR><BR><FONT style="FONT-SIZE: 30pt" face=华文幼园 color=#336699><B>"长命富贵"

 

 

 

</B></FONT><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

[ 本帖最后由 不弃 于 2006-10-27 11:46 编辑 ]

happy-yan

原帖由 不弃 于 2006-7-3 21:28 发表 谢谢!这个我会了.

试试发个贴吧^^