compass tables 表格 表格常见样式[Sass和compass学习笔记]-阿里云开发者社区

开发者社区> 互联网fans> 正文

compass tables 表格 表格常见样式[Sass和compass学习笔记]

简介: demo 源码 地址 https://github.com/qqqzhch/webfans compass  的表格提供了集中常见样式 表格边框 outer-table-borders($width, $color)  控制外边边框的尺寸和颜色 inner-table-borders($width, $color) 控制里面边框的尺寸和颜色 例如 .
+关注继续查看

demo 源码 地址 https://github.com/qqqzhch/webfans

compass  的表格提供了集中常见样式

表格边框

outer-table-borders($width, $color)  控制外边边框的尺寸和颜色

inner-table-borders($width, $color) 控制里面边框的尺寸和颜色

例如

.table1{
 table {
    @include inner-table-borders(1px, #7a98c6);
    @include outer-table-borders(2px);
  }
}
image

 

最外边行列(top left)字体

table-scaffolding

例如

.table2{
 table {
  @include table-scaffolding;
  }
}

 

image

表格行列颜色

alternating-rows-and-columns($even-row-color, $odd-row-color, $dark-intersection, $header-color, $footer-color)

参数分别为 偶数行颜色、奇数行颜色,交叉行颜色,头部颜色,底部颜色

例如

.table3{
 table {
 $table-color: #7a98c6;
  @include alternating-rows-and-columns($table-color, adjust-hue($table-color, -120deg), #222222);
  }
}

image

test

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JAVA多线程高并发学习笔记(三)——Callable、Future和FutureTask
为什么要是用Callable和Future Runnable的局限性 Executor采用Runnable作为基本的表达形式,虽然Runnable的run方法能够写入日志,写入文件,写入数据库等操作,但是它不能返回一个值,或者抛出一个受检查的异常,有些需要返回值的需求就不能满足了。
1342 0
Python零基础学习笔记(四)——数据类型
python数据类型:Number(数字):包括整数/浮点数(小数)/复数String(字符串)Boolean(布尔值)None(空值)list(列表)tuple(元组)dict(字典)set(集合)
1236 0
Python编程语言学习:如何将excel表格内的科学计数法转为常规数值并全部显示?
Python编程语言学习:如何将excel表格内的科学计数法转为常规数值并全部显示?
27 0
使用Keras进行深度学习:(三)使用text-CNN处理自然语言(上)
欢迎大家关注我们的网站和系列教程:http://www.tensorflownews.com/,学习更多的机器学习、深度学习的知识! 上一篇文章中一直围绕着CNN处理图像数据进行讲解,而CNN除了处理图像数据之外,还适用于文本分类。
1469 0
文本格式标签|学习笔记
快速学习文本格式标签
26 0
使用Keras进行深度学习:(三)使用text-CNN处理自然语言(下)
欢迎大家关注我们的网站和系列教程:http://www.tensorflownews.com/,学习更多的机器学习、深度学习的知识! 在上一篇文章中,已经介绍了Keras对文本数据进行预处理的一般步骤。
1772 0
DC学院学习笔记(十三):探索性数据分析实践
探索性数据分析实践:画几个图瞅瞅长得啥样
1544 0
+关注
互联网fans
迷失在大前端海洋中的孩子
172
文章
29
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载