如何在li標籤的邊框添加邊距？

Question

我有一個菜單，我希望li標籤有邊框。我正在做我的CSS：

.sf-menu li a 
    { 
     list-style-position:inside; 
     border: 2px solid white; 
     color:#fffefe; 
    } 

但它有點難看。我想通過增加一些利潤來使其工作如下：。我嘗試但沒有，我不能想到相關的標籤，以搜索谷歌。

Answer 1

這工作也是如此。我也想找到其他解決方案。

.sf-menu li a 
{ 
    list-style-position:inside; 
    border: 2px solid white; 
    border-radius: 8px; 
    color:#fffefe; 
    padding:8px; 
} 

Answer 2

然後，你需要設置li tag不邊境a tag

.sf-menu li 
    { 
     border: 2px solid white; 
    } 

而且還列出樣式位置應該在ul tag不a tag

.sf-menu 
    { 
     list-style-position:inside; 
    } 

Answer 3

首先，列表樣式定義位置應應用於<UL>標記。 其次，你應該設置邊框爲<li>標籤，看看你的代碼：

.sf-menu li a 

那麼，你是在類.sf-menu選擇<a>的<li>裏面，你需要選擇只是<li>，簡單地說：

.sf-menu li { 
    //your styles here 
} 

請上的jsfiddle一個例子（或任何其他平臺）以獲得進一步幫助

Answer 4

試試這個的jsfiddle。我覺得這是你追求的：http://jsfiddle.net/nnLjK/3/

我拆你的.sf-menu和你.sf-menu CSS聲明有點...