目前使用的樣式,預設最新文章的清單列表項沒有加底線,看上去有些密密麻麻。加底線後看起來就會清楚很多。

管理後台 » 部落格 » 樣式設計精靈 » CSS 原始碼編輯,在末尾加入(範例:CSS 加底線的原始碼取自目前使用的樣式)

#recent-article li {
padding: 4px 0px ;
border-bottom: 1px dashed #888 ;}

<li> 的上下都有留4個像素的 padding 作為空隙,左右空隙為0;<li> 的下方加入一個像素的虛線。

一些側欄元件的清單列表項

  1. 最新文章  #recent-article li
  2. 最新迴響  #latest-comment li
  3. 最新引用  #latest-trackback li
創作者介紹

呆丸北拜已搬家至 Blogger

呆丸北拜 發表在 痞客邦 PIXNET 留言(0) 人氣()