这样的表头怎么写啊,,急急急
HTML +css
单纯的html和css写不出来吧?
单纯的html和css写不出来吧?
http://qinya.iteye.com/blog/1836637主要是表头的斜线怎么写,用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.文字图标,插入为斜线的字体。
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号