CSS是前端開發中的必備技能之一。在CSS中,常用的是選擇器來修改HTML元素的樣式,其中tr和td是用于創建HTML表格的兩個重要元素。這兩個元素有哪些CSS屬性呢?
/* tr元素屬性 */ tr { background-color: #fff; /* 背景顏色 */ color: #333; /* 字體顏色 */ font-weight: normal; /* 字體粗細 */ font-size: 14px; /* 字體大小 */ text-align: center; /* 文本居中 */ vertical-align: middle; /* 垂直居中 */ margin-top: 5px; /* 上外邊距 */ margin-bottom: 5px; /* 下外邊距 */ padding: 10px; /* 內邊距 */ } /* td元素屬性 */ td { border: 1px solid #ccc; /* 邊框 */ padding: 10px; /* 內邊距 */ text-align: left; /* 文本左對齊 */ vertical-align: middle; /* 垂直居中 */ }
可以看到,tr元素和td元素都可以設置文本的水平和垂直對齊方式。另外,td元素還可以設置邊框和內邊距。這些屬性的設置可以使得HTML表格更加美觀、易讀。
需要注意的是,以上代碼僅為示例,實際應用中也需要根據具體需求來進行相應的更改。另外,如果需要更加詳細的CSS屬性說明,可以參考MDN(Mozilla Developer Network)網站。
上一篇css中表格大小變化
下一篇css中表格的顏色