三角的一个特殊做法(一个奇技淫巧~)

三角的一个特殊做法:

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/

其中原理,想必就不用解释了吧!

多数页面中的小三角形其实主要还是图片去实现的

至于要增加一个空标签还是增加一个图片,其中利弊,各有看法。

但从语义上来说,我觉得还是比较倾向于背景图片的处理

这里只是借花献佛,介绍一个有趣的技巧

 

你可能感兴趣的:(三角的一个特殊做法(一个奇技淫巧~))