在CSS中設置按鈕的寬度可以使用“width”屬性。例如,要將按鈕的寬度設置為200像素,可以按照以下示例代碼:
button { width: 200px; }
上述代碼將在所有
#myBtn { width: 150px; } .btn-primary { width: 100px; }
上述代碼將在ID為“myBtn”的按鈕上設置寬度為150像素,在所有類名為“btn-primary”的按鈕上設置寬度為100像素。
還可以使用百分比來設置按鈕的寬度。例如,可以將按鈕的寬度設置為父元素的50%:
button { width: 50%; }
上述代碼將在所有
需要注意的是,如果按鈕有padding或border,那么它的實際寬度會比“width”屬性設置的寬度更寬。為了避免這種情況,可以使用“box-sizing”屬性將padding和border計算在內。例如:
button { width: 150px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; }
上述代碼將在所有
總之,在CSS中設置按鈕的寬度可以使用“width”屬性,可以在所有按鈕中設置,也可以使用ID或類選擇器在特定的按鈕上設置。使用百分比設置寬度時需要注意padding和border的影響,可以使用“box-sizing”屬性解決這個問題。