標籤:

CSS打造水晶邊框

傾顏戲羽:雙線水晶邊框代碼:<TABLE borderColor=#000000 height=211 cellSpacing=1 cellPadding=0 width_=668 align=center border=1><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#000000 height=30>文章標題</TD></TR><TR><TD vAlign=top height=168>這裡寫上文字或圖片等內容</TD></TR></TBODY></TABLE>傾顏戲羽:單線水晶邊框代碼:<TABLE borderColor=#000000 height=211 cellSpacing=0 cellPadding=0 width_=668 align=center border=1><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#000000 height=30>文章標題</TD></TR><TR><TD vAlign=top height=168>這裡寫上文字或圖片等內容</TD></TR></TBODY></TABLE>上下雙邊單線水晶邊框代碼:<TABLE borderColor=#333333 height=130 cellSpacing=0 cellPadding=0 width_=668 align=center border=2><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#333333 height=130><P align=center><FONT face=楷體_GB2312 color=#00ffff size=5>文章標題</FONT></P></FONT></TD></TR><TR><TD vAlign=top height=150>這裡寫上文字或粘貼圖片等內容</TD></TR><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=360, Strength=20)" bgColor=#333333 height=130><P align=center><FONT face=楷體_GB2312 color=#ffffff size=3>這裡也可以寫寫字</FONT> </P></TD></TR></TBODY></TABLE>傾顏戲羽:CSS打造水晶表格+虛線表格上下雙邊雙線水晶邊框代碼:<TABLE borderColor=#333333 height=130 cellSpacing=1 cellPadding=0 width_=668 align=center border=2><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#333333 height=130><P align=center><FONT face=楷體_GB2312 color=#00ffff size=5>文章標題</FONT></P></FONT></TD></TR><TR><TD vAlign=top height=150>這裡寫上文字或粘貼圖片等內容</TD></TR><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=360, Strength=20)" bgColor=#333333 height=130><P align=center><FONT face=楷體_GB2312 color=#ffffff size=3>這裡也可以寫寫字</FONT> </P></TD></TR></TBODY></TABLE>傾顏戲羽:CSS打造水晶表格+虛線表格傾顏戲羽:帶虛線邊的水晶邊框代碼:<TABLE style="FILTER: Blur(Add=true, Direction=180, Strength=20)" borderColor=#333333 height=80 cellSpacing=0 cellPadding=0 width_=668 align=center border=3><TBODY><TR><TD bgColor=#333333 height=80><P align=center>文章標題</P></TD></TR><TBODY><TR><TD style="BORDER-RIGHT: #333333 2px dashed; BORDER-TOP: #333333 2px dashed; BORDER-LEFT: #333333 2px dashed; BORDER-BOTTOM: #333333 2px dashed" height=100>這裡寫上文字或粘上圖片等 </TD></TR></TBODY></TABLE>傾顏戲羽:虛線外繞水晶邊框代碼:<TABLE style="BORDER-RIGHT: #333333 3px dashed; BORDER-TOP: #333333 3px dashed; BORDER-LEFT: #333333 3px dashed; BORDER-BOTTOM: #333333 3px dashed" width_=668 height=100 border=1><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#333333 height=130 height=130><P align=center>文章標題</P></TD></TR><TBODY><TR><TD height=100>這裡寫上文字或粘上圖片等內容 </TD></TR></TBODY></TABLE>傾顏戲羽:CSS打造水晶表格+虛線表格代碼:<TABLE borderColor=#000000 cellSpacing=0 height=80 cellPadding=0 width_=668 align=center border=1><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#000000 height=80><P align=center><FONT color=#ccff00 size=6><STRONG>文章標題</STRONG></FONT></P></TD></TR><TR><TD vAlign=top bgColor=#333333><TABLE style="BORDER-RIGHT: #000000 5px solid; BORDER-TOP: #000000 5px solid; BORDER-LEFT: #000000 5px solid; BORDER-BOTTOM: #000000 5px solid" borderColor=#000000 height=110 cellSpacing=2 cellPadding=0 width_=668 border=1><TBODY><TR><TD>這裡寫上文字或粘上圖片等內容</TD></TR></TBODY></TABLE>傾顏戲羽:可以加背景的水晶邊框代碼:<TABLE borderColor=#000000 height=80 cellSpacing=1 cellPadding=0 width_=668 align=center border=2><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#000000 height=80><P align=center><FONT color=#ccff00 size=5>文章標題</FONT></P></TD></TR><TR><TD vAlign=top bgColor=#333333><TABLE borderColor=#000000 height=180 cellSpacing=0 cellPadding=0 width_=668 background=圖片地址 border=0><TBODY><TR><TD>這裡寫上文字或粘貼圖片等內容</TD></TR></TBODY></TABLE>
推薦閱讀:

精美邊框《55》
邊框(待續)
日誌信紙 邊框
自己動手做日誌邊框(和尚·原創)
【代碼應用】用代碼製作多行表格邊框

TAG:水晶 | 邊框 |