求样式大神_html/css_WEB-ITnose

 这样的表头怎么写啊，，急急急

回复讨论(解决方案)

HTML +css

单纯的html和css写不出来吧？

单纯的html和css写不出来吧？

http://qinya.iteye.com/blog/1836637
借用js

主要是表头的斜线怎么写，用JS，css也行

比较妖孽的写法：

.box{position:relative;width:200px;height:200px;}.bg{position:absolute;left:0;bottom:0;width:0;height:0;border:100px solid #000;border-top-color:transparent;border-right-color:transparent;z-index:1;}.bg1{position:absolute;left:0;bottom:0;width:0;height:0;border:99px solid #fff;border-top-color:transparent;border-right-color:transparent;z-index:2;}.txt1{position:absolute;right:0;top:0;width:100px;height:100px;line-height:100px;text-align:center;z-index:3;}.txt2{position:absolute;left:0;bottom:0;width:100px;height:100px;line-height:100px;text-align:center;z-index:3;}</style><div class="box">	<div class="bg"></div>	<div class="bg1"></div>	<div class="txt1">项目</div>	<div class="txt2">各区</div></div>

斜线可以用背景图片或者CSS3搞定

三种做法：1.用图片弄，2.CSS3 2D 转换 3.文字图标，插入为斜线的字体。