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>

<script type="text/javascript"> if ($ != jQuery) { $ = jQuery.noConflict(); } var isLogined = false; var cb_blogId = 92333; var cb_entryId = 2121577; var cb_blogApp = "momomo"; var cb_blogUserGuid = "3f6b9e73-29a9-e011-a53f-842b2b196315"; var cb_entryCreatedDate = '2011/7/29 23:23:00'; </script>

到此这篇关于css写的三角形欣赏就介绍到这了。除非你同意,否则任何人都无法伤害你。更多相关css写的三角形欣赏内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题