css实现三角形
2010-11-25 13:33
281 查看
重点2:
边框透明css属性:transparent
死亡的IE6中边框透明需要用到滤镜:/*
HTML
CSS
代码
这里为什么会使这个样子(宽高为0,边框设置下怎么就有三角形了呢?)还不是很明白~望 赐教~~
边框透明css属性:transparent
死亡的IE6中边框透明需要用到滤镜:/*
_filter:chroma(color=
#000000
);色度滤镜,让IE6实现透明borderColor.这里滤镜的颜色值是不可以简写的*/
HTML
<div id="triangle"> <em class="t_a"></em> </div>
CSS
代码
<style> div,em{ margin:0; padding:0;} #triangle{ margin:0 auto; width:500px;} .t_a{ width:0; height:0; font-size:0; line-height:0; display:block;} .t_a{ border-style:solid; border-width:40px; border-color:transparent transparent transparent #603; _filter:chroma(color=#000000);/*滤镜*/} </style>
这里为什么会使这个样子(宽高为0,边框设置下怎么就有三角形了呢?)还不是很明白~望 赐教~~
相关文章推荐
- css 实现三角形
- CSS实现三角形
- CSS实现不同的图形(三角形、正方形、圆形、平行四边形)
- 利用css的border实现画三角形思路原理
- 使用CSS实现小三角形效果【附实例】
- css:before实现三角形箭头小技巧
- 三种纯CSS实现三角形的方法
- CSS 实现三角形对话框
- css实现三角形形状
- CSS实例篇--CSS3实现模拟select以及其中的三角形
- CSS实现三角形
- css实现三角形
- 三种纯CSS实现三角形的方法
- CSS实现带阴影效果的三角形
- web前端教程:用 CSS 实现三角形与平行四边形
- CSS实现三角形图标原理解析
- 纯css实现小圆点和三角形
- div css 伪类 不固定图片大小 居中, css div 实现三角形
- 用css实现三角形效果
- 用 CSS 实现三角形与平行四边形