css写的三角形欣赏


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

<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>




相关阅读:
RedHat Enterprise Linux 基本网络配置
一个很方便的 XML 类!!原创的噢
PHP基础教程(7):PHP If...Else语句
CSS 多图片融合背景定位的应用于优缺点分析
asp采集抓取网上房产信息的代码
java script编程起步(第三课)
微软最新操作系统Windows Cloud=Windows Strata
小技巧: 打开 Metacity 的混合特效
双启动电脑误删Linux系统恢复方法介绍
PHP访问MySQL查询超时处理的方法
合理设置临时表空间确保Oracle数据库正常运行
CSS:清除浮动的最优方法
HTML基础教程:建立超链接
解决控件遮挡问题:关于有窗口元素和无窗口元素
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4