CSS表格可用于展示數(shù)據(jù),并可以通過樣式進(jìn)行美化。如果您在表格中添加了按鈕并希望它們分開,下面的代碼將會對您有所幫助。
table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } th { background-color: #dddddd; } td button { margin: 5px; }
上述代碼中,我們首先對表格進(jìn)行了基本樣式設(shè)置,包括去掉表格的邊框并設(shè)置其寬度為100%。接著對表頭和單元格進(jìn)行設(shè)置,包括對單元格內(nèi)容的對齊方式和內(nèi)邊距進(jìn)行了設(shè)置,同時(shí)對表頭設(shè)置了背景顏色。
通過設(shè)置td button樣式,我們使得表格中的按鈕之間有一定的間距。默認(rèn)情況下,按鈕會貼在一起。通過在按鈕樣式上設(shè)置margin屬性,我們可以為按鈕之間添加空隙。
希望這篇文章能夠幫助您更好地美化CSS表格并使按鈕分開。記得對您的樣式進(jìn)行測試以確保其正常工作!