1、去掉按钮阴影的方法
.btn {
border:none;
}
2、消除表格加背景颜色后出现的缝隙
table{
border-collapse:collapse;
}
- border-collapse 设置 table 是分开的边框还是合并起来。table 默认的样式是分开的边框,table 和里面 th、td 的边框之间有缝隙。而设置
de style="font-family: monospace, monospace; font-size: 1em; margin: 0px 0.2em; padding: 0.2em 0.4em; background: rgb(249, 249, 249);" >border-collapse:collapse; de> 可以去掉空隙,合并起来。 - border-spacing 设置边框之间缝隙的宽度,在 table 默认或者
de style="font-family: monospace, monospace; font-size: 1em; margin: 0px 0.2em; padding: 0.2em 0.4em; background: rgb(249, 249, 249);" >border-collapse:separate; de> 的时候才有效。 border-spacing 具体 demo。 - caption-side 设置 table caption 的位置,有两个值 top(默认)和 bottom,分别放在表格的上面和下面。
- empty-cells 设置是否显示表格中的空单元格,有两个值 show(默认)和 hide,兼容性 IE8+ 。注意,使用此方法的 hide 隐藏,不会像 display 那样,从文档流中去掉,而是像
visibility:hidden;
那样,保留占位。empty-cells 具体 demo - table-layout 设置 table 显示单元格、行、列等效果的规则。
- border 只在 table、td、th、caption 有效,对 thead、tbody、tfoot、tr 等无效。