html 表格文字颜色 css,CSS 表格-JavaScript中文网-JavaScript教程资源分享门户
使用 CSS 可以使 HTML 表格更美觀。
Company
Contact
Country
Alfreds Futterkiste
Maria Anders
Germany
Berglunds snabbk?p
Christina Berglund
Sweden
Centro comercial Moctezuma
Francisco Chang
Mexico
Ernst Handel
Roland Mendel
Austria
Island Trading
Helen Bennett
UK
K?niglich Essen
Philip Cramer
Germany
Laughing Bacchus Winecellars
Yoshi Tannamuri
Canada
Magazzini Alimentari Riuniti
Giovanni Rovelli
Italy
North/South
Simon Crowther
UK
Paris spécialités
Marie Bertrand
France
The Big Cheese
Liz Nixon
USA
Vaffeljernet
Palle Ibsen
Denmark
表格邊框
指定CSS表格邊框，使用border屬性。
下面的例子指定了一個表格的Th和TD元素的黑色邊框：
實例
table, th, td
{
border: 1px solid black;
}
嘗試一下 ?
請注意，在上面的例子中的表格有雙邊框。這是因為表和th/ td元素有獨立的邊界。
為了顯示一個表的單個邊框，使用 border-collapse屬性。
折疊邊框
border-collapse 屬性設置表格的邊框是否被折疊成一個單一的邊框或隔開：
實例
table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}
嘗試一下 ?
表格寬度和高度
Width和height屬性定義表格的寬度和高度。
下面的例子是設置100％的寬度，50像素的th元素的高度的表格：
實例
table
{
width:100%;
}
th
{
height:50px;
}
嘗試一下 ?
表格文字對齊
表格中的文本對齊和垂直對齊屬性。
text-align屬性設置水平對齊方式，向左，右，或中心：
實例
td
{
text-align:right;
}
嘗試一下 ?
垂直對齊屬性設置垂直對齊，比如頂部，底部或中間：
實例
td
{
height:50px;
vertical-align:bottom;
}
嘗試一下 ?
表格填充
如果在表的內容中控制空格之間的邊框，應使用td和th元素的填充屬性：
實例
td
{
padding:15px;
}
嘗試一下 ?
表格顏色
下面的例子指定邊框的顏色，和th元素的文本和背景顏色：
實例
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
嘗試一下 ?
更多實例
制作一個個性表格
這個例子演示了如何創建一個個性的表格。
設置表格標題的位置
這個例子演示了如何定位表格標題。
總結
以上是生活随笔為你收集整理的html 表格文字颜色 css,CSS 表格-JavaScript中文网-JavaScript教程资源分享门户的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： oracle的分支语句,oracle中的
- 下一篇： html 报表插件,轻量级图形报表插件J