dodou-移动框架
table{ border-collapse:collapse; border:1px solid #e7e7e7; width: 100%;}
table tr td{ border:1px solid #e7e7e7; padding:10px;}
table th{ padding:15px;}
| 字体大小 | |
|---|---|
| .f12 | font-size:12px; |
| .f13 | font-size:13px |
| .f14 | font-size:15px; |
| .f15 | font-size:15px; |
| .f16 | font-size:16px; |
| .f17 | font-size:17px; |
| .f18 | font-size:18px; |
| .f20 | font-size:20px; |
| .f24 | font-size:24px; |
| .f26 | font-size:26px; |
| 清除浮动 | |
| .clear | 清除左右浮动 |
| padding | |
| .p0 | padding:0; |
| .p10 | padding:10px; |
| .p15 | padding:15px; |
| .ptb10 | padding:10px 0; |
| .plr10 | padding:0 10px; |
| .pl10 | padding-left:10px; |
| .pr10 | padding-right:10px; |
| .pt10 | padding-top:10px; |
| .pb10 | padding-bottom:10px; |
| margin | |
| .m0 | margin:0; |
| .m10 | margin:10px; |
| .m15 | margin:15px; |
| .mtb10 | margin:10px 0; |
| .mlr10 | margin:0 10px; |
| .ml10 | margin-left:10px; |
| .mr10 | margin-right:10px; |
| .mt10 | margin-top:10px; |
| .mb10 | margin-bottom:10px; |
| .mt-1 | margin-top:-1px; |
| 文字左中右对齐 | |
| .tal | text-align: left; |
| .tac | text-align: cetner; |
| .tar | text-align: right; |
| 移除伪类边框 | |
| .b-top | border-top: 0!important; |
| .b-btm | border-bottom: 0!important; |
| .b-tb | border: 0!important; |
| 左右浮动 | |
| .fl | float:left; |
| .fr | float:right; |
一键复制
编辑
Web IDE
原始数据
按行查看
历史
这篇博客详细介绍了CSS中表格的样式定义,包括边框合并、边框宽度、内填充等,以及各种字体大小和间距类的选择使用。此外,还讨论了如何清除浮动、设置内外边距以及文字对齐方式,提供了实用的CSS样式技巧。
475

被折叠的 条评论
为什么被折叠?



