CSS是一種用來裝飾HTML頁(yè)面的樣式表語言。當(dāng)我們需要隱藏或顯示多個(gè)按鈕時(shí),可以通過CSS來實(shí)現(xiàn)。下面是一個(gè)例子:
<style> .hide-btns { display: none; } .show-btns { display: block; } </style> <div class="btns"> <button class="hide-btns">隱藏按鈕1</button> <button class="show-btns">顯示按鈕1</button> <button class="hide-btns">隱藏按鈕2</button> <button class="show-btns">顯示按鈕2</button> <button class="hide-btns">隱藏按鈕3</button> <button class="show-btns">顯示按鈕3</button> </div>
以上代碼中,我們給每個(gè)需要隱藏的按鈕添加了一個(gè)class名為"hide-btns",并且將它們的display屬性設(shè)置為none,這樣這些按鈕就會(huì)被隱藏起來。同樣地,我們也給每個(gè)需要顯示的按鈕添加了一個(gè)class名為"show-btns",并且將它們的display屬性設(shè)置為block,這樣這些按鈕就會(huì)被顯示出來。
最后,我們?cè)谝粋€(gè)父級(jí)元素div中放置了這些按鈕,這樣用戶就可以通過點(diǎn)擊相應(yīng)的按鈕來隱藏或顯示另外的按鈕了。