css写的三角形欣赏
css写的三角形欣赏
发布时间:2016-12-27 来源:查字典编辑
摘要:今天闲着蛋疼随便修几个三角形.top,.left,.right,.down{width:0;height:0;line-height:0;/...

今天闲着蛋疼 随便修几个三角形

<div class="top"></div>

<div class="left"></div>

<div class="right"></div>

<div class="down"></div>

<style type="text/css">

.top,

.left,

.right,

.down{

width:0;

height:0;

line-height:0;/*解决ie下梯形问题*/

border:15px solid transparent;

_border:15px solid #fff;/*ie6 不支持边框透明(显示为黑色) 所以只能让边框跟背景同色*/

}

.top{ border-bottom-color:#f00; }

.left{ border-right-color:#0f0; }

.right{ border-left-color:#00f; }

.down{ border-top-color:#0ff; }

</style>

css写的三角形欣赏1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类