ஜ 失調の靈魂 ஓ

改了半天的CSS雖然還是沒解決版面底圖的問題，

所以索性全部重來，當然也參考了chenshin0719大大的文章，

不過為了避免又來一次忘記存檔就關閉頁面，

我就先把下面的語法寫起來，免的下次又得重來。

電腦裡存了一堆，已經搞不清楚哪個是哪個了 ~_~!!

之前沒有習慣附加使用說明真是不好的行為。

所以這純粹提醒自己，我的CSS功力還不到語法教學與分享。

藍字粗體都是新增的部份。

分類文章圖示：

/*--文章分類的分類目錄--*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(圖片網址);
background-repeat:no-repeat;
background-position:0px; /*設定圖片的位置*/
padding-left:0px;  /*設定圖片與分類名稱的距離*/ }

/*--文章分類的文章分類名稱--*/
#category .box-text li a{padding-left:0px; }

繼續閱讀：

/*--繼續閱讀--*/
.more {float:right; margin-right:20px; font-size:0px; } 
/*--上面這行是設定位置，CSS樣表內沒有 .more{}者 需自行添加--*/

.more a {

　font-size:0;　/*---前面這兩行用來隱藏原本的"繼續閱讀"字樣--*/
　text-indent: -2000px;

   display:inline-block;
   width:75px;
   height:25px;
   background:url(圖片網址);
   background-repeat: no-repeat;  
/*--這兩行可以結合成  background:url(圖片網址) no-repeat;  --*/ 
}

.more a:hover{
   width:75px;
   height:25px;
   background:url(圖片網址);
   background-repeat: no-repeat;
}

整理告一段落，搞最久的就是繼續閱讀這個東西，

改半天，他就是有圖也有字，重疊在一起真的是很醜。

本來還跑到貓大的網誌發問，結果後來被我找到了，

真的是很尷尬，不過終於讓我找到答案了，

那麼，這是做報告之餘拿來休息娛樂用的，

現在玩完了CSS，應該要繼續做報告了…

不過話說回來，好像已經很晚了，那還是先睡覺好了。