琳達教學:如何自製表格 進階班

2009090215:58

 

琳達教學:如何自製表格 進階班
在上一篇 琳達教學 裡的 琳達教學:如何自製表格 初級班
相信您對表格有相對信的了解了厚~現在琳達想和各位分享的是
不同表格的呈現與語法,又如何在表格中自訂捲軸
表格框可以是文章框也可以是多重表格,只要細細查覺端倪就不難了解其不同的語法了
在語法中有顏色的色碼可自行更改



若在引用時出現888,別緊張....按照步驟來
請先複製文章按引用在文章內容先打上123打上文章標題及文章分類在下方選擇隠藏文章按立即發表 之後在該篇文章按編輯將剛才複製的文章內容貼上選擇公開文章按立即發表就可以囉~



喜歡的格友就請你正確的引用
要如何正確引用請參考 琳達教你如何引用BLOG文章
★請別移棄我的LOGO喲~要知道教學者的辛苦喔.....

<P align=center>
<TABLE id=table6 style="BORDER-RIGHT: darkorchid  2px dashed; BORDER-TOP: darkorchid  2px dashed; BORDER-LEFT: darkorchid  2px dashed; BORDER-BOTTOM: darkorchid  2px dashed" cellSpacing=5 cellPadding=3 width=528 bgColor=darkorchid >
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #ba55d3 2px dashed; BORDER-TOP: #ba55d3 2px dashed; BORDER-LEFT: #ba55d3 2px dashed; BORDER-BOTTOM: #ba55d3 2px dashed" bgColor=#ba55d3>
<TABLE id=table7>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px" bgColor=white>
<P align=center><FONT color=#900090 size=2>文字貼在此處</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

加入捲軸語法之方法
先複製捲軸語法,將觀看HTML原始碼的前方打勾,貼在〝文字貼在此處〞
SCROLLBAR-TRACK-COLOR:(軸軌顏色);SCROLLBAR-FACE-COLOR:(軸面顏色);
SCROLLBAR-HIGHLIGHT-COLOR:(軸面左角邊顏色);SCROLLBAR-SHADOW-COLOR:(軸面右角邊顏色)
SCROLLBAR-3DLIGHT-COLOR:(左立體邊顏色);SCROLLBAR-DARKSHADOW-COLOR:(右立體邊顏色)
SCROLLBAR-ARROW-COLOR:(箭頭顏色);
捲軸語法:

<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #b490fc;SCROLLBAR-FACE-COLOR: #9000d8;SCROLLBAR-HIGHLIGHT-COLOR: #d824fc;SCROLLBAR-SHADOW-COLOR: #d824fc;SCROLLBAR-3DLIGHT-COLOR: #d824fc;SCROLLBAR-DARKSHADOW-COLOR: #d824fc;SCROLLBAR-ARROW-COLOR: #d800fc;">文章寫入位置<div>

參考教學文章:琳達教學:為你的文章穿上新衣


彩色表格

   
   
   

參考語法:
<table align="center" border="8" width="500" height="100" style="border-top-color:#b4fc48;border-bottom-color:#fcb490;border-left-color:#00fcfc;border-right-color:#fcfc00">
<tr bordercolor="#b400fc"bgcolor="#d8fcfc"><td bordercolor="#fc9000"bgcolor="#fcd86c" ></td><td></td></tr>
<tr bordercolor="#489000" >
<td bordercolor="#b46c48"bgcolor="#fcd8d8"></td>
<td bordercolor="#4800b4"bgcolor="#00fcfc"></td></tr>
<tr bordercolor="#00fcfc" >
<td bordercolor="#fc00d8"bgcolor="#fcd8b4"></td>
<td bordercolor="#006c00"bgcolor="#b4fc6c"></td></tr></table>


多層次彩色表格

文字貼在此處 


<table cellSpacing=5 bgColor=#008900 border=0>
<tbody>
<tr>
<td>
<table style="BORDER-TOP-STYLE:dotted;BORDER-RIGHT-STYLE:dotted;BORDER-LEFT-STYLE:dotted;BORDER-BOTTOM-STYLE:dotted;" cellSpacing=5 cellPadding=0 bgColor=#0fcfc border=6>
<tbody>
<tr>
<td>
<table cellSpacing=6 bgColor=#009900 border=0>
<tbody>
<tr>
<td bgColor=#ccff99>文字貼在此處</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

文章內容放在這裡 文章內容放在這裡
文章內容放在這裡 文章內容放在這裡

表格框語法 <table cellSpacing=10 bgColor=#d80090 border=0>
<tbody>
<tr>
<td>
<table cellSpacing=6 bgColor=#fc48d8 border=0>
<tbody>
<tr>
<td bgColor=#fcb4d8>文章內容放在這裡</td>
<td bgColor=#fcb4d8>文章內容放在這裡</td></tr>
<tr>
<td bgColor=#fcb4d8>文章內容放在這裡</td>
<td bgColor=#fcb4d8>文章內容放在這裡</td></tr></tbody></table></td></tr></tbody></table>



固定式表格框,可自行設定寬和高

直接貼文字內容



寫入位置

 
<p style="BORDER-RIGHT: #9000b4 3px dotted; BORDER-TOP: #9000b4 3px dotted; BORDER-LEFT: #9000b4 3px dotted; BORDER-BOTTOM: #9000b4 3px dotted; OVERFLOW-X: hidden; OVERFLOW: auto; WIDTH: 185px; HEIGHT: 55px">


<A href="http://tw.myblog.yahoo.com/linda590902/" target=blank><IMG alt=""""""""""""""""""琳達"""""""""""""""""" src="http://hk.geocities.com/ugly256395174/linda5.gif" border=0></A>