點妝淡抹

語法

點妝淡抹 (2012-07-14 06:29:59) 評論 (1)

;
例子∶

由於我們隻是談論背景，所以這裏隻是介紹相關的三個。
background="bg1.gif"
設定背景牆紙。GIF 或 JPEG皆可，可以是絕對途徑或相對途徑。

bgcolor="#FFFFFF"
設定背景顏色。當己設定背景牆紙時會失去作用，除非牆紙有透明部分。

bgproperties="fixed"
固定背景牆紙，當卷動文字時牆紙不會跟著卷動。

注意∶不想要背景圖片，隻是全部黑色底色，就去掉background部分。

那厶，去掉我們不要的部分，就非常簡單了

效果如下∶

http://images.5460.net/data2/bbs/00/15/35//470555.jpg" />

馬上就有這個問題了，以前也有朋友問過多次，為什厶隻是兩邊有，中間是灰色？
解釋∶首先，讓我們看看留園網頁結腹。留園網頁在主體的基礎上給出了一個表格（大部分論壇網站如此），我們平時發出的帖子全部在這個表格內部，而這個表格覆蓋在網頁的主體上麵了，所以也就蓋住了你的大部分背景。解決辦法如下∶

簡單辦法∶提前結束留園表格，把整個網頁主體留給你做空間，任意發揮，結束語句如下∶。再加上圖形文字的居中語句
，你的準備工作就好了。
總結語句如下∶

每次發貼之前，在你的代碼窗體最前麵，粘貼上麵的語句即可。
再看看效果，是不是好了。

http://images.5460.net/data2/bbs/00/15/35//486595.jpg" />

複雜辦法∶首先改主體背景，代碼和前麵的一樣，其次改內部表格的背景。當然，如果你的希望所有背景一致，這種做法就沒有意義了，但是如果主體和表格背景不同，這個辦法就非常好。不改變主體背景，隻是表格背景，代碼如下∶

你的帖子放在這個位置

這裏解釋幾個代碼∶
cellspacing=20
表格格線厚度，加厚格線可以使之產生邊框效果，也就是說，圖形文字進入不了這個周邊寬度區域。

cellpadding=2
文字與格線的距　

width=90%
表格的寬度，這個數值非常重要，當然接受絕對值的輸入，比如width=900（我們平常看到留園的灰色部分就是900的數值，選擇900就恰好把灰色去掉）。有時候，我們的圖很小，如果你取width數值過大，就會失調。

看如下代碼∶

你的帖子全部內容

效果就是這樣∶

http://images.5460.net/data2/bbs/00/15/35//496558.jpg" />

當然，這裏為了看清楚，選取背景很豔，不要效仿，貼出你的精彩。
再給出一種留園廣泛使用的代碼

另外需要說明的是檢查代碼的連續性！！，也就是說，代碼中的文字、描述語言完全連續輸入，中間沒有回車，否則此處將被“www.6park.com”和“6park.com”替代，尤其是在有背景的情況下會嚴重影響美觀。

最後，要說明的是，背景圖片不易過大，別看小圖片，連成片非常好看，下麵我給出4個背景、動畫、裝飾線條素材的網站∶

http://www.cccen.com/sou/index.htm

http://www.sucaiw.com/index.asp

http://www.grsites.com/textures/

http://emu.main.jp/bbgemumenu3.htm
看大家的愛好了，自由選擇！

中級篇

這一部分我重點講關於表格的嵌套使用。我曾經多次實驗，加上看其他朋友的帖子，總結出了一些表格的使用技巧。

首先，介紹表格的HTML格式。

表格標記

■

..........

這三個標記是定義表格的最重要的標記，可以說隻學這三個己足夠。
是一個容器標記，意思是說它用以聲明這是表格而且其他表格標記隻能在他的範圍內才　用，屬容器標記的還有其他。

用以標示表格列（row）

align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">

align="RIGHT"
該一列內字畫等的擺放貼位置（水平），可選值為∶left, center, right。
valign="MIDDLE"
該一列內字畫等的擺放貼位置（垂直），可選值為∶ top, middle, bottom。
bgcolor="#0000FF"
該一列底色，請看。
bordercolor="#FF00FF"
該一列邊框顏色，請看。『隻　用於 IE』

bordercolorlight="#808080"
該一列邊框向光部分的顏色，請看。『隻　用於 IE』
bordercolordark="#FF0000"
該一列邊框背光部分的顏色，使用bordercolorlight 或 bordercolordark時bordercolor 將會失效。『隻　用於 IE』

用以標示儲存格（cell）

的參數設定（常用）∶
例如∶

width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

width="400"
表格寬度，接受絕對值（如 80）及相對值（如 80%）。
border="1"
表格邊框厚度，不同瀏覽器有不同的內定值，故請指明。
cellspacing="2"
表格格線厚度。
cellpadding="2"
文字與格線的距　。
align="CENTER"
表格的擺放位置（水平），可選值為∶ left, right, center，請看例子五或六，那表格是放於中間的，為怕一些瀏覽器不支援，故特加上居中標記
，隻是多層保證而己，當然隻用
亦可。
valign="TOP".
表格內字畫等的擺放貼位置（垂直），可選值為∶ top, middle, bottom。
background="myweb.gif"
表格?紙，與 bgcolor 不要同用。
bgcolor="#0000FF"
表格底色，與background不要同用。
bordercolor="#FF00FF"
表格邊框顏色，NC 與 IE 有不同的效果。
bordercolorlight="#00FF00"
表格邊框向光部分的顏色。『隻　用於 IE』
bordercolordark="#00FFFF"
表格邊框背光部分的顏色，使用bordercolorlight或bordercolordark時 bordercolor將會失效。『隻　用於 IE』
cols="2"
表格欄位數目，隻是讓瀏覽器在下載表格是先畫出整個表格而己。

的參數設定（常用）∶

■

例如∶

■	的參數設定（常用）:

例如∶

width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">

width="48%"
該一儲存格寬度，接受絕對值（如 80）及相對值（如 80%）。
height="400"
該一儲存格高度。
colspan="5"
該一儲存格向右打通的欄數。
rowspan="4"
該一儲存格向下打通的列數。
align="RIGHT"
該一儲存格內字畫等的擺放貼位置（水平），可選值為∶left, center, right。
valign="BOTTOM"
該一儲存格內字畫等的擺放貼位置（垂直），可選值為∶top, middle, bottom。
bgcolor="#FF00FF"
該一儲存格底色。
bordercolor="#808080"
該一儲存格邊框顏色。『隻　用於 IE』
bordercolorlight="#FF0000"
該一儲存格邊框向光部分的顏色。『隻　用於 IE』
bordercolordark="#00FF00"
該一儲存格邊框背光部分的顏色，使用bordercolorlight或bordercolordark 時bordercolor將會失效。『隻　用於 IE』
background="myweb.gif"
該一儲存格紙，與bgcolor任用其一。