部分摘要..

　　之前被某人誤導((嘿嘿~我想應該有人知道我說的是誰吧？哈，就是那個活寶啦^^||~))，她總說這是什麼高手幫她用什麼神秘難解的語法消掉的，普通人做不到，害我老往「破壞」的路子上去想，找了很多JavaScript去處理畫面，可是......要不是沒效果，就是被系統擋掉、無法儲存；哪知道......這根本就是CSS的基礎運用而已嘛！明明是江湖打把式的招數，幹嘛講得像葵花寶典一樣神秘？要不是好心的菁姐一語點醒夢中人，我還覺得一頭霧水哩！@@"

　　難怪以前我的高中數學老師總愛說：「江湖一點訣，說破不值錢」這是很顯而易見的道理啊！以前我問過別的媽咪，只是她沒教我，可能因為不認識，所以怕我以後都跑去找她問問題會很麻煩吧？其實我有些微的架站底子作為基礎，所以只要給我一點「正確方向」的提示就行囉！謝謝菁姐不藏私地直接告訴我語法，這下子我可明白啦~^^ 好，廢話不多說，這就來記錄吧！

以 圖片覆蓋 為主：


以 內容覆蓋 為主：


　　數字的部分都可以依照個人需要去修改，還有標籤也可以增加別的樣式設定。這跟網路上口耳相傳的有一點點不一樣，是因為我把沒發生作用的幾個字刪除了，在此順便說明一下為了符合W3C XHTML 1.0標準寫法而做的些小小修正是：
1. 所有標籤元素名稱都使用小寫。
2. XHTML 1.0要求所有的標籤必須關閉，例：<div></div>；而沒有成對的標籤則必須以 />結尾，例：<br />、<hr />、<img ... />、<input ... />......等。
3. 圖片標籤加上文字說明alt="說明"。

　　另外，針對這裡用到的CSS『標籤元素定位效果』解釋一下position屬性：
position:static /* 無定位 */
position:relative /* 依物件左上角為基準點取相對位置 */
position:absolute /* 依網頁左上角為基準點取絕對位置 */

　　除了上述這些東西，W3C的標準和CSS的串聯樣式表，還有許多JavaScript的相關教學，都可以在我的好友糖姐的網站 OECSPACE http://www.hsiu28.net/ 找到，有需要的人就儘管去尋寶吧！^^