|
|
CSS 表格 使用 CSS 可以使 HTML 表格更美观。
| Company | Contact | Country |
|---|
| Alfreds Futterkiste | Maria Anders | Germany | | Berglunds snabbkp | 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: 1 px solid black ;
} |
请注意，在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。
为了显示一个表的单个边框，使用 border-collapse属性。 折叠边框 border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开： 范例 table
{
border-collapse: collapse ;
}
table , th , td
{
border: 1 px solid black ;
} |
表格宽度和高度 Width和height属性定义表格的宽度和高度。
下面的例子是设置100％的宽度，50像素的th元素的高度的表格： 范例 table
{
width: 100 % ;
}
th
{
height: 50 px ;
} |
表格文字对齐 表格中的文本对齐和垂直对齐属性。
text-align属性设置水平对齐方式，向左，右，或中心： 范例 td
{
text-align: right ;
} |
垂直对齐属性设置垂直对齐，比如顶部，底部或中间： 范例 td
{
height: 50 px ;
vertical-align: bottom ;
} |
表格填充 如果在表的内容中控制空格之间的边框，应使用td和th元素的填充属性： 范例
表格颜色 下面的例子指定边框的颜色，和th元素的文本和背景颜色： 范例 table , td , th
{
border: 1 px solid green ;
}
th
{
background-color: green ;
color: white ;
} |
程序猿的技术大观园：www.javathinker.net
[这个贴子最后由 flybird 在 2020-03-05 10:02:14 重新编辑]
|
|
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → CSS Table(表格)
消息
查看
搜索
好友
邮件
复制
引用
IP: 已设置保密
