css 模拟表格斜线
时间：2016-04-19一般情况下，border都是同样的颜色，很少会注意到这个问题，但偏偏反向思考，或者是偶然的机会才会发现这个现象。下面是一个小例子，从中可以看出原理来。
提示：您可以先修改部分代码再运行
原理就在这里：
border-left:#023060 10px solid; /*相邻的边框粗细大于1，并且颜色不相同*/
border-right:#366AA1 10px solid;
border-top:#0F2E4E 10px solid;
border-bottom:#548CC7 10px solid;
这样满足这样的条件，就会看到相接处有斜线产生。 对这个现象进一步拓展，利用绝对定位，便可制作出表格对角线。
提示：您可以先修改部分代码再运行
提示：您可以先修改部分代码再运行
原理就在这里：
复制代码
代码如下:border-left:#023060 10px solid; /*相邻的边框粗细大于1，并且颜色不相同*/
border-right:#366AA1 10px solid;
border-top:#0F2E4E 10px solid;
border-bottom:#548CC7 10px solid;
这样满足这样的条件，就会看到相接处有斜线产生。 对这个现象进一步拓展，利用绝对定位，便可制作出表格对角线。
提示：您可以先修改部分代码再运行
相关文章
css子绝父相什么意思？子绝父相 这个子绝父相太重要了，是我们学习定位的口诀，时时刻刻记住的。 这句话的意思是 子级是绝对定位的话， 父级要用相对定位。 首先， 我们说下， 绝对定- 纯CSS打造响应式自适应分页条分页条是web开发中常用的前端组件之一，它能将数据分批次展示给用户。我们知道诸如Bootstrap这类框架都提供了非常漂亮的分页条组件，但是你的项目可能不用到Boot
- CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行。 一般的文字截断（适用于内联与块）： .text-overflow { display:block;/*内联对象需加*/ width:31
- css margin外边距使用实例分析css margin用于设置对象标签之间距离间隔,例如如果要使两个div标签之间有一定的间距，我们可以使用css margin属性来设置。本文章向码农介绍css margin外边距使用
- css float 浮动属性使用方法和实例讲解在网站开发中，css float是一个经常需要使用的css属性，改属性用于设置css块级元素的浮动方向（左右浮动）。本文章向码农介绍css float使用方法和实例应用，需要
css sprite讲解与使用实例css sprite直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。本文章向码农们介绍css sprite使用方法和基本使用实例，需要的码农可以参考一
最新文章
Windows自动更新造成“HTTP Error 503,The service is unavailable。”公司开发的某业务系统出故障了，于是通过VPN在家里直接访问该系统，结果系统器返回 Service Unavailable --------------------------------------------------------------
iframe 如何设置高度自适应 - iframe 自适应高度的方法最近些项目遇到用iframe的地方，发现设置的固定高有时不能完全适应项目环境，不是高了就是不够高，在页面里看着很不爽。如何想办法到使用 iframe 自适应高度的方法，下面分