三角的一个特殊做法(一个奇技淫巧~)
三角的一个特殊做法:
CSS:
em {
display:block;
font:0/0 "宋体";
border:6px solid;
border-color:#fff #fff #fff #000 ;
}
HMTL:
<em></em>
代码简单,还可以利用border的颜色轻松做出各个方向的三角!
此技巧转片怿飞的博客:http://www.planabc.net/2006/12/17/css_triangle/
其中原理,想必就不用解释了吧!
多数页面中的小三角形其实主要还是图片去实现的
至于要增加一个空标签还是增加一个图片,其中利弊,各有看法。
但从语义上来说,我觉得还是比较倾向于背景图片的处理
这里只是借花献佛,介绍一个有趣的技巧