在HTML中,<button>
是一種用于創(chuàng)建按鈕的標(biāo)簽。通過(guò)在<button>
標(biāo)簽中添加文本,我們可以設(shè)置按鈕的顯示內(nèi)容。其中,<button>
標(biāo)簽有兩種設(shè)置文本的方式:
<button>Click me!</button>
或者通過(guò)value
屬性設(shè)置文本:
<button value="Click me!"></button>
需要注意的是,如果同時(shí)設(shè)置了<button>
標(biāo)簽中的文本和value
屬性,那么<button>
標(biāo)簽中的文本會(huì)被覆蓋。另外在設(shè)置value
屬性時(shí),需要注意屬性值必須使用雙引號(hào)或單引號(hào)包裹。
<button value="Click me!">Don't Click me!</button>
上述代碼中,按鈕將顯示文本“Click me!”而不是“Don't Click me!”。
除了設(shè)置文本,我們還可以通過(guò)CSS樣式設(shè)置按鈕的外觀:
button { background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 4px; }
上述代碼將設(shè)置按鈕的背景顏色為綠色,文本顏色為白色,邊距和圓角半徑為4像素。