網友問道首頁上文章摘要下方有個more的按紐,那裡的CSS樣式要怎麼改,我才發現其實我自己的CSS裡面也沒有定義耶,所以會出現一個黑點點當做list item。去找了日誌版主的部份格的CSS來看,有找到定義的CSS語法。

這部份是↓
.morebtn li{
  list-style-image:url(http://s.blog.xuite.net/_image/blog037.gif);
  }
.morebtn{
 text-align:right;
}
以上是日誌版主的設定,所以它的list image是http://s.blog.xuite.net/_image/blog037.gif,是一個,然後 text-align:right;是指靠右對齊,所以它呈現的結果是↓

所以那個more會在畫面右側。

我現在的頁面的CSS是設定↓
.morebtn li{
  list-style-image:url(http://s.blog.xuite.net/_image/blog037.gif);
  }
.morebtn{
 text-align:left;
}
靠左對齊↓

你可以自己改list-style-image:url(http://s.blog.xuite.net/_image/blog037.gif);裡面的圖片網址http://s.blog.xuite.net/_image/blog037.gif,這樣這個圖示就會變成你想要的圖示。

所以請將
.morebtn li{
  list-style-image:url(http://s.blog.xuite.net/_image/blog037.gif);
  }
.morebtn{
 text-align:left;
}
這段語法加進你的自定樣式CSS裡面就OK啦(要改圖片的自己改)。



隨機文章


  • 歡迎來到隨意窩Xuite

    開啟選單瀏覽服務或以關鍵字搜尋。

     
  • 瀏覽更多精彩內容

    切換至格主其他頻道或直接搜尋。

     
  • 快速便利分享工具

    提供多種分享方式傳遞內容資訊。

     
  • 更多推薦APP

    隨意遊與隨食記app僅支援ios裝置。