CSS 设置表格,表格样式
2017-04-10 17:25
302 查看
table{
border-collapse: collapse; //相邻边被合并
background-color: #cccccc; //设置表格背景色
border-top: 1px solid #000000; //设置表格上边框颜色
border-left: 1px solid #000000; //设置表格左边框颜色
border-right: 1px solid #000000; //设置表格右边框颜色
border-bottom: 1px solid #000000; //设置表格下边框颜色
}
td {
border-right: 1px solid #000000; //设置td颜色
border-bottom: 1px solid #000000; //
}
暂时就会这么多
还有一个是html table属性,表格挺好看的
属性为<table border="1" width='100%' height='70%' cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" >
和上边html属性一样的CSS表格样式
table {
background-color: #000000;
border: 1px solid #ffffff;
}
td {
background-color: #cccccc;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
border-collapse: collapse; //相邻边被合并
background-color: #cccccc; //设置表格背景色
border-top: 1px solid #000000; //设置表格上边框颜色
border-left: 1px solid #000000; //设置表格左边框颜色
border-right: 1px solid #000000; //设置表格右边框颜色
border-bottom: 1px solid #000000; //设置表格下边框颜色
}
td {
border-right: 1px solid #000000; //设置td颜色
border-bottom: 1px solid #000000; //
}
暂时就会这么多
还有一个是html table属性,表格挺好看的
属性为<table border="1" width='100%' height='70%' cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" >
和上边html属性一样的CSS表格样式
table {
background-color: #000000;
border: 1px solid #ffffff;
}
td {
background-color: #cccccc;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
相关文章推荐
- css设置细线样式的表格
- 仿Word自动套用格式,用CSS设置表格样式
- CSS如何设置html table表格边框样式 CSS如何设置table表格边框样式 对table设置css样式边框,分为几种情况: 1、只对table设置边框 2、对td设置边框 3、对table和
- css实现设置表格hover样式
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- CSS如何设置html table表格边框样式
- CSS(九) 设置表格样式
- css下设置表格样式
- 仿Word自动套用格式,用CSS设置表格样式
- CSS如何设置html table表格边框样式
- CSS如何设置html table表格边框样式
- css 表格设置为细线样式
- jsp设置表格样式的css工具
- 仿Word自动套用格式,用CSS设置表格样式
- css设置表格样式的方法
- CSS:表格样式(设置表格边框/文字/背景的样式)
- CSS如何设置html table表格边框样式
- css应用表格排版td中的文本过长,设置不换行,随内容同行显示样式
- [转]CSS如何设置html table表格边框样式
- CSS如何设置html table表格边框样式