在蓝色理想
上看到一篇用css写的对角线,觉得很有用。
把代码down下来一看,发现原来就是巧妙地运用了border属性。
以前我也曾用border属性写过三角形,http://ice-cream.iteye.com/blog/172777
和对角线的原理基本一样
css代码的精华部分
/*模拟对角线*/
.out{
border-top:40px #d6d3d6 solid;/*上边框宽度等于表格第一行行高*/
width:0px;/*让容器宽度为0*/
height:0px;/*让容器高度为0*/
border-left:80px #bdbabd solid;/*左边框宽度等于表格第一列宽度*/
position:relative;/*让里面的两个子容器绝对定位*/
top:0;
}
b{font-style:normal;display:block;position:absolute;top:-40px;left:-40px;}
em{font-style:normal;display:block;position:absolute;top:-25px;left:-70px;}
- 大小: 15 KB
分享到:
相关推荐
div+css模拟表格对角线功能,div+css模拟表格对角线功能
div+css百分比表格+DIV+CSS+JS静态分页程序+DIV+CSS像素表格 百分比表格(用DIV+CSS)以百分比显示,可以根据窗口的大小自动调节所显示的大小! DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格...
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
div +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +css
div+css模拟select
用div+css 制作类似excel的表格功能
用div css模拟表格对角线 用div css模拟表格对角线
div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角
div+css,web标准,div+css布局,div+css实例,div+css模板
div+css div+css精通CSS
表格通过div+css现实对角线高仿
div+css手册,比较不错呀!
DIV+CSS表格代码.rar DIV+CSS表格代码.rarDIV+CSS表格代码.rar DIV+CSS表格代码.rar DIV+CSS表格代码.rar
javascript 实现的 div+css 山寨window窗体
html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习...
DIV+CSS 源码DIV+CSS
基础篇 1.1 必须知道的基础知识 知识一 DIV+CSS的叫法是不准确的 标准叫法是xHTML+CSS 知识二两大误区 误区一用了Table就不标准。误区二DIV标签越多越好 Table是为了存储数据DIV是为了架设...
div+css,web标准,div+css布局,div+css实例,div+css模板
div+css布局大全 B/S项目表现层也很重要!