close

框圖Table Style












      STYLE     




   Ridge  /     Groove  /    Dotted  /    Dashed  /


   :Double  /   None      




以框圖第一篇所提供的語法<Table Style....

試試更改STYLE 設定 順便更換顏色尺寸  

(參考下列數組不同 Style 範例圖)

 


 


 


___________     RIDGE (平色框欄)      ___________   






***加一段文字在這裡***   




當然文字顏色是等你貼好了這個語法之後 自己選換*

也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡

然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下



 


 


 


 


 


___________    GROOVE (凹凸(色差)框欄)   ___________

你會發現同樣的尺寸與顏色 但它的框欄有變化 (見下面範例) :


左欄 /上欄  顏色被分為外測深色 內側原色 (呈現凹凸面)


右欄 /下欄(底欄) 顏色 : 外側原色 內側深色 (呈現凹凸面)







***加一段文字在這裡***   




當然文字顏色是等你貼好了這個語法之後 自己選換*

也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡

然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下



 


 


 


 


 


_____________    Dotted (圓點狀框欄)     _____________   








***加一段文字在這裡***   




當然文字顏色是等你貼好了這個語法之後 自己選換*

也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡

然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下



 


 


 


 


 


___________   Dashed (橫點狀框欄)     ___________   








***加一段文字在這裡***   




當然文字顏色是等你貼好了這個語法之後 自己選換*

也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡

然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下



 


 


 


 


 


___________    Double (雙框式樣)      __________   








***加一段文字在這裡***   




當然文字顏色是等你貼好了這個語法之後 自己選換*

也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡

然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下



 


 


 


 


 


______________     None (無框式樣)     ____________








***加一段文字在這裡***   




當然文字顏色是等你貼好了這個語法之後 自己選換*

也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡

然後在發表 前 照你平時改換字型顏色及大小的方式 改換 一 下



 * 本篇的所有框圖範例設定為 cellSpacing=0   cellPadding=10  border=20


 




大家慢慢來 要有耐心ㄡ~  


高級班的菲力 想提前上後半段的課吧?  哈! 其實我也在現學現賣 


 


 


 

arrow
arrow
    全站熱搜

    oreokimo 發表在 痞客邦 留言(0) 人氣()