HTML學習筆記★顏色邊框製作

吉祥如意988編輯製作精美的裝飾邊框，將文字、圖片、動畫、音樂組合在一起展現在日誌中，能讓日誌鮮活生動起來令人賞心悅目。一、單層簡易表格框製作：代碼:<TABLE width_=寬度 height=高度 border=1><TBODY><TR><TD>插入內容</TD></TR></TBODY></TABLE>二、多層簡易表格框製作：代碼:<TABLE width_=寬度 height=高度 border=1><TBODY><TR><TD>插入內容</TD></TR></TBODY></TABLE>將以上代碼複製後，根據需要在「<td>插入內容</td>」處粘貼，需要幾層就重複粘貼幾次。三、表格的背景顏色1、單層表格框純色背景（bgcolor=#顏色編碼）代碼:<TABLE width_=寬度 height=高度 border=1><TBODY><TR><TD>插入內容</TD></TR></TBODY></TABLE>在代碼<TABLE ...... border=1>中的......位置加bgColor=#efef8f。2、多層表格框純色背景在每層框的代碼<TABLE ...... border=1>中的......位置加bgColor=#顏色編碼，並加寬每層框之間的距離：cellSpacing=10。3、單層漸變色代碼：<TABLE style="FILTER: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#EFEF8F,endColorstr=#9CE2AA); WIDTH: 600px; HEIGHT: 100px" borderColor=#62e16f height=100 cellSpacing=5 cellPadding=15 width_=600 align=center border=3><TBODY><TR><TD>文章正文</TD></TR></TBODY></TABLE>4、多層表格框漸變色四、表格的邊框顏色1、四邊同一顏色(borderColor=#顏色編碼)在代碼<TABLE ...... border=1>中的......位置加borderColor=#ff00ff2、寬、高對邊的顏色(borderColorLight=#顏色編碼，外框線上左，內框線下右、borderColorDark=#顏色編碼，外框線下右，內框線上左)在代碼<TABLE ...... border=5>的......位置加borderColorLight=#e01616 borderColorDark=#06324f3、四邊各邊不同顏色表格框在代碼<TABLE style="...;...">中;後加BORDER-RIGHT: #顏色編碼 solid; BORDER-TOP: #顏色編碼 solid;BORDER-LEFT: #顏色編碼 solid;BORDER-BOTTOM: #顏色編碼 solid;五、表格邊框的樣式none無邊框、hidden隱藏、dotted點狀、dashed虛線、solid實線、double雙線、groove凹槽、ridge壟狀、inset 3D內嵌式、outset 3D外嵌式。頂部double雙線左邊solid實線右邊dotted點狀底部dashed虛線邊框樣式代碼：<TABLE style="BORDER-RIGHT: #ff00ff 7px dotted; BORDER-TOP: #ff0000 7px double; FILTER: progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=#eFeF8F,endColorstr=#9Ce2AA); BORDER-LEFT: #0000ff 7px solid; WIDTH: 525px; BORDER-BOTTOM: #aa0000 7px dashed; HEIGHT: 39px" cellSpacing=1 cellPadding=3 width_=525 align=center bgColor=#efef8f border=7><TBODY><TR><TD><P>&nbsp;</P><P>&nbsp;</P></TD></TR></TBODY></TABLE></body></html>

http://jxry988.360doc.com 吉祥如意988-360doc個人圖書館
推薦閱讀：