在CSS中,td是表示表格中單元格的標簽。td標簽有許多CSS規則可以定義。下面將介紹幾種常用的規則。
td { width: 100px; height: 80px; text-align: center; vertical-align: middle; }
上面的代碼定義了td標簽的四個規則:
width
規定了單元格的寬度為100像素height
規定了單元格的高度為80像素text-align
規定了單元格中文本的對齊方式為居中對齊vertical-align
規定了單元格中文本垂直方向的對齊方式為居中對齊
除了上述規則,還有一些其它常用的規則,如字體顏色、邊框、背景等。下面是一些示例代碼:
td { background-color: yellow; border: 1px solid black; color: blue; font-size: 14px; } td:first-child { width: 150px; } td:last-child { width: 80px; }
上述代碼定義了td標簽的一些其它規則:
background-color
規定了單元格的背景顏色為黃色border
規定了單元格的邊框為1個像素的黑色實線color
規定了單元格中文本的顏色為藍色font-size
規定了單元格中文本的字號為14像素first-child
規則只應用于表格中的第一個td標簽,規定了第一個單元格的寬度為150像素last-child
規則只應用于表格中的最后一個td標簽,規定了最后一個單元格的寬度為80像素
總之,td標簽有眾多的CSS規則可以定義,可以按需靈活使用。