网页制作 
首页 > 网页制作 > 浏览文章

css写的三角形欣赏

(编辑:jimmy 日期: 2024/11/3 浏览:3 次 )

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

<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写的三角形欣赏

上一篇:使用font-size:0 来去掉inline-block元素之间的空隙方法
下一篇:隐藏超链接,按钮按下时的虚线方法
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 SiteMap