border属性
规定CSS表格边框。
table,td{
border: 1px solid green;
/*1px表示设置边框的大小,solid表示边框为实线,green表示边框的颜*/
}
border-collpapse属性
设置表格的边框是否被折叠成一个单一的边框或隔开。
table{
border-collapse: collapse;
}
width属性和heigth属性
规定表格的高度和宽度。
table{
width: 500px;
height: 300px;
border-collapse: collapse;
}
padding属性
如果在表的内容中控制空额之间的边框,引用td和th元素和填充属性padding(单位px)。
tr,td{
padding: 10px;
}
表格文字的对齐方式
text-align属性: 设置摆个文本的水平对齐方式
left:居左
right: 居右
center: 居中
vertical-align属性:设置表格文本垂直对齐方式
top: 居上
center: 居中
bottom: 居下
#t1{
text-align: left;
}
#t2{
text-align: right;
}
#t3{
text-align: center;
}
#t4{
vertical-align: top;
}
#t5{
vertical-align:center;
}
#t6{
vertical-align: bottom;
}