如何在一些按鈕文字周圍放置邊框而不將其放在div的左側填充處？

如何在一些按鈕文字周圍放置邊框而不將其放在div的左側填充處？我不想使用JS，Flexbox或CSS3。如何在一些按鈕文字周圍放置邊框而不將其放在div的左側填充處？

這是我到目前爲止有：

.button-1 { 
 
    padding: 0 0 0 20px; 
 
    text-align: center; 
 
    border: 1px solid #000; 
 
    border-radius: 7px; 
 
    display: inline; 
 
    margin: -5px auto 0 auto;}

<a href="#1" class="button-1">hello</a><a href="#1" class="button-1">cheerio</a>

來源

2017-10-06 ruffle

怎麼樣，而不是保證金填充？ –

你是對的 - 謝謝！你知道嗎，我試過了，因爲它把邊界放得太近了，我認爲「這不可能是這樣」，沒有意識到到邊界的距離可以通過'padding'來控制。當你累了的時候，這就是編碼。再次感謝。 – ruffle

你想爲這個

<button><span style="border:1px solid; padding 10px; margin-left:10px">Border Around Text</span></button>

來源

2017-10-06 20:35:43 LSKhan

如何在一些按鈕文字周圍放置邊框而不將其放在div的左側填充處？

回答

相關問題