Css表格
2016-04-27 09:15
417 查看
Css表格
Css表格
css表格属性可以帮助你极大的改善表格的外观1.表格内间距
2.折叠边框
border-collapse属性设置是否将表格边框折叠为单一边框:
table
{
border-collapse:collapse;
}
3.表格边框
下面的例子为table、th以及td设置了蓝色边框:
table,th,td
{
border:1px solid blue
}
4.表格的颜色
下面的例子为table、th以及td设置了蓝色边框:
table,th,td
{
border:1px solid blue
}
5.表格宽度和高度
6.表格文本对齐
text-align和vertical-align属性设置表格中的文本对齐方式text-align属性设置水平对齐方式,比如左对齐,右对齐或者居中:
td{
text-align:right;
}
vertical-align属性设置垂直对齐方式,比如顶部对齐、底部或居中对齐
td{
height:50px;
vertical-align:bottom;
}
相关文章推荐
- CSS3基础第一篇(圆角,阴影,渐变,选择器)
- CSS魔法堂:重拾Border之——解构Border
- CSS选择器
- mac下webstorm添加scss watcher
- CSS 使用Sprites技术实现圆角效果
- css清除浮动
- 6.5 Ext.util.CSS 更好地操作css
- 高性能 CSS3 动画
- 作为后台人员你需要知道的CSS基本知识
- 修改文件上传按钮样式
- (转载)CSS3自定义滚动条样式 -webkit-scrollbar
- css的伪元素::after和::before的使用
- 多行文本溢出用省略号表示
- div+css页面右侧底部悬浮层
- 一些CSS实现的特效
- CSS3 div水平、垂直居中,IE9以上、Firefox、Chrome均正常
- 手机禁止缩放网页 手机CSS导入
- CSS命名规范
- CSS优先级问题
- ie9渲染的bug