用css的border属性实现三角
时间:2009年09月14日作者:愚人码头查看次数:9,190 views评论次数:24
今天啄米鸟给我了一个冰剑的《em实现倒三角的提示效果》。仔细琢磨了一下运用的还是很巧妙的,在现实的前端开发中也很有用,至少可以减小图片的字节。
先看看应用实例吧:
实现的原来就是:在一个宽高为0像素的块状元素中设置border属性,例如
.box{
width:0px;
height:0;
border-bottom:50px #F00 solid;
border-left:50px #03F solid;
border-right: 50px #F90 solid;
border-top:50px #6C0 solid;
}
在浏览器中的显示如图: 继续阅读:用css的border属性实现三角»



最新评论
非常好
Post:2012-02-08 21:59:12@linda, 没见过世面吧你,老板才8 »
Post:2012-02-07 18:11:22码头哥,换个链接,http://www.ijo »
Post:2012-02-07 17:18:45currying: 科里化
Post:2012-02-06 15:51:18貌似在线api已经下不了了
Post:2012-02-06 11:25:19图片被防盗链了,哈哈~
Post:2012-02-06 10:29:45对你造成的不便非常抱歉,简易你卸 »
Post:2012-02-05 14:45:16您好,请问air版本的自动更新怎么去 »
Post:2012-02-05 12:06:24