如何設置CSS按鈕大小

知識庫

如何設置CSS按鈕大小

2023-10-28 14:29


本文將介紹如何使用CSS來設置按鈕的大小。

                                            
  
  

按鈕是網頁中常用的交互元素,通過CSS我們可以輕松地修改按鈕的樣式,包括大小、顏色、邊框等等。

1. 使用width和height

要改變按鈕的大小,可以直接使用CSS的width和height屬性。例如:

    
      
    
  

通過設置width和height的值,我們可以調整按鈕的寬度和高度。

2. 使用padding和font-size

另一種方式是使用padding和font-size來調整按鈕的大小。例如:

    
      
    
  

通過設置padding來改變按鈕的內邊距,而通過設置font-size來改變按鈕文字的大小。

3. 使用CSS類

如果想要在多個按鈕中應用相同的大小樣式,可以使用CSS類來定義樣式。例如:

    
            
    
  

定義一個名為custom-button的CSS類,并在按鈕中應用該類即可實現相應的樣式。

總結

通過使用CSS的width、height、padding和font-size屬性,以及定義CSS類,我們可以輕松地設置按鈕的大小。


label :
  • CSS
  • 按鈕
  • 大小
  • 設置