如何改變按鈕樣式

-4

的改變風格這種風格

我對按鈕的CSS代碼是

#login{ 
    border: 1px solid black; 
    width: 5%; 
    text-align: center; 
    margin-left: 1000px; 
}

來源

2017-03-15 pkarthicbz

好的......？添加一些圓角邊緣，使其更小，更改字體，然後完成。這裏有什麼問題，如果不是「某人爲我做這件事」？ – Santi

#login { border：1px solid black; 寬度：5％; text-align：center; \t \t padding：5px 15px; \t \t border-radius：3px; } – 2017-03-15 15:39:27

如果您知道一些CSS，它可以輕鬆實現。你在這裏共享的CSS有點複雜，我想你項目樣式表中設置的默認樣式也會影響它。 –

#login{ 
 
    border: 1px solid black; 
 
    width: 5%; 
 
    text-align: center; 
 
\t \t padding: 5px 15px; 
 
\t \t border-radius: 3px; 
 
}

<div id="login">login</div>

來源

2017-03-15 15:40:03

該按鈕看起來很大如何減小尺寸 – pkarthicbz

您可以將'padding：5px 15px'減少到'padding：3px 11px'等等。你也可以添加'font-size：11px'屬性 – 2017-03-15 15:46:31

非常感謝你 – pkarthicbz

<div id="login">login</div> 

#login{ 
    display:inline-block; 
    border: 1px solid black; 
    text-align: center; 
    padding: 4px 15px; 
    border-radius: 3px; 
}

提琴手鍊接https://jsfiddle.net/wu7L8ct9/2/

來源

2017-03-15 15:49:31

這是更好地使用類選擇應用樣式的按鈕

<button class="login-btn">Login</button>

而且你可以使用這個樣式來獲得想要的結果

.login-btn { 
    font-family: sans serif; 
    font-size: 13px; 
    background: transparent; 
    padding: 8px 20px; 
    border: 1px solid #000; 
    border-radius: 3px; 
}

嘗試避免在你的btn風格中使用這個CSS屬性 width: 5%; margin-left: 1000px; 必須爲每個頁面組件封裝CSS樣式

來源

2017-03-15 16:04:53

如何改變按鈕樣式

回答

相關問題