2008年2月16日 星期六

[css] li 橫排方法

  • 項目一
  • 項目二
  • 項目三

轉換成:

  • 項目一
  • 項目二
  • 項目三

如果加上些留白跟邊界的效果:

  • 項目一
  • 項目二
  • 項目三

CSS:

li.inline {
display: inline;
padding-left: 3px;
padding-right: 7px;
border-right: 1px dotted #066;
}

li.last {
display: inline;
padding-left: 3px;
padding-right: 3px;
border-right: 0px;
}

HTML:


  • 項目一


  • 項目二


  • 項目三

【下列文章您可能也有興趣】

沒有留言: