【網(wǎng)站建設(shè)開發(fā)制作】
表格內(nèi)文字的對齊方式
在默認(rèn)情況下,表項居于單元格的左端??捎昧?、行的屬性設(shè)置表項數(shù)據(jù)在單元格中的
位置。
1.水平對齊
表項數(shù)據(jù)的水平對齊通過標(biāo)簽<th>、<td>和<tr>的align屬性實現(xiàn)。align的屬性值分別為:center(表項數(shù)據(jù)的居中)、left(左對齊)、right(右對齊)或justify(左右調(diào)整)。
2.垂直對齊
表項數(shù)據(jù)的垂直對齊通過標(biāo)簽<th>、<td>和<tr>的valign屬性實現(xiàn)。valign的屬性值分別為:top(靠單元格頂)、bottom(靠單元格底)、middle(靠單元格中)或baseline(同行單元數(shù)據(jù)項位置一致)。
4.8.3表格在頁面中的對齊方式
前面介紹的是表格中各個單元格的屬性。現(xiàn)在,把表格作為一個整體,介紹如何設(shè)置表格在頁面中的位置。與圖像一樣,表格在瀏覽器窗口中的位置也分為三種:居左、居中和居右。使用<table>標(biāo)簽的align屬性,設(shè)置表格在頁面中的位置,格式為:
<table align=”leftlcenterlright">
當(dāng)表格位于頁面的左側(cè)或右側(cè)時,文本填充在另一側(cè);當(dāng)表格居中時,表格兩邊沒有文本;當(dāng)align屬性省略時,文本在表格的下面。
4.8.4表格的色彩和圖像背景
在<table>、<th>、<tr>、<td>標(biāo)簽中,使用下面屬性可以改變表格的背景和邊框的色彩、添加背景圖像,也可以為行和單元格改變色彩、添加背景圖像。
bgcolor:設(shè)置背景色彩。
’ background:設(shè)置背景圖像。
bordercolor:設(shè)置表格邊框的色彩。
bordercolorlight:設(shè)置表格邊框亮部的色彩。
rules=”row,cols或none”:設(shè)置表內(nèi)線的顯示方法,none為無內(nèi)線。
如果把屬性放到<table>中,則其作用范圍為整個表格;如果把屬性放到<th>中,則其作用范圍為整個行;如果把屬性放到<tr>、<td>中,則其作用范圍為該單元格。