代碼基地
07-01
怎樣製作邊框代碼:<TABLE(表格符號)background="背景地址"borderColor=#(框邊的顏色)cellSpacing=(框邊間距離)cellPadding=(單元格高度)width_=(寬度)height=(高度)bgColor=#(背景顏色)align=center(居中)border=(框邊寬度)><TBODY><TR><TD>填入內容</TD><TD>填入內容</TD><TD>填入內容</TD></TR><TR><TD>填入內容</TD><TD>填入內容</TD><TD>填入內容</TD></TR><TR><TD>填入內容</TD><TD>填入內容</TD><TD>填入內容</TD></TR></TBODY></TABLE>以上代碼確切地說是表格代碼,把括弧內文字改成數字或去掉,變成以下代碼形式:<TABLEbackground="背景地址"borderColor=#800000cellSpacing=2cellPadding=0width_=500height=0bgColor=#555555align=centerborder=2><TBODY><TR><TD>填入內容</TD><TD>填入內容</TD><TD>填入內容</TD></TR><TR><TD>填入內容</TD><TD>填入內容</TD><TD>填入內容</TD></TR><TR><TD>填入內容</TD><TD>填入內容</TD><TD>填入內容</TD></TR></TBODY></TABLE>得到的表格效果:填入內容填入內容填入內容填入內容填入內容填入內容填入內容填入內容填入內容如果把上述代碼中的紅色部分去掉,就得到簡化後的邊框代碼:<TABLEbackground="背景地址"borderColor=#800000cellSpacing=2cellPadding=0width_=500height=0bgColor=#555555align=centerborder=2><TBODY><TR><TD>填入內容</TD></TR></TBODY></TABLE>這個代碼得到的圖案效果就是一個最簡單的單邊邊框:填入內容在框內粉色填入內容處可寫文字日誌,也可貼圖或flash。如果將以上代碼複製粘貼覆蓋住填入內容,就會得到雙層或多層邊框。多層邊框代碼:<TABLEbackground="背景地址"borderColor=#800000cellSpacing=2cellPadding=0width_=500height=0bgColor=#555555align=centerborder=2><TBODY><TR><TD><TABLEbackground="背景地址"borderColor=#800000cellSpacing=2cellPadding=0width_=500height=0bgColor=#555555align=centerborder=2><TBODY><TR><TD><TABLEbackground="背景地址"borderColor=#800000cellSpacing=2cellPadding=0width_=500height=0bgColor=#555555align=centerborder=2><TBODY><TR><TD><TABLEbackground="背景地址"borderColor=#800000cellSpacing=2cellPadding=0width_=500height=0bgColor=#555555align=centerborder=2><TBODY><TR><TD>填入內容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>邊框效果:填入內容調整各層邊框內的borderColor=#(邊框顏色)、cellSpacing=(邊框間距)、bgColor=#(背景顏色)、border=(邊框寬度),就可得到顏色變化的邊框。如最外層borderColor=#ffcbb3、cellSpacing=1、bgColor=#000000、border=7次外層borderColor=#ff8f59、cellSpacing=1、bgColor=#000000、border=6第三層borderColor=#fd94600、cellSpacing=1、bgColor=#000000、border=5最內層borderColor=#642100、cellSpacing=4、bgColor=#888888、border=4所得到的邊框效果如下:
做更多層的邊框,用以上方法以此類推。關於邊框的cellPadding=(單元格高度)height=(高度)width_=(寬度)三個尺寸問題,高度均設為0,通過日誌的內容自然找齊。最內層邊框根據實際設寬度值,其他層的寬度均設為0。下面的邊框,完全是用顏色代碼製作的:以上只是利用顏色代碼和調整各個參數做的邊框。如要做帶有花色圖案的邊框,則需選好背景圖片,將每層的圖片地址置入該層的background="背景地址"中,但同時要適當加大該層中的cellSpacing=(框邊間距離),圖案方能顯示清楚、美觀。一般做這樣的邊框需用多個邊框代碼套用,多則十幾個。請看以下邊框效果:
推薦閱讀:
※左欄書架製作代碼
※webpack4.x多頁面配置
※簡易邊框和圖片上加移動字的代碼
※新做四款閃圖邊框 【原創有代碼 】
※0ne製作的文字特效移動代碼
TAG:代碼 |