纯CSS三角形效果(em标签) - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Jan 3

纯CSS三角形效果(em标签) 不指定

tommyhu , 12:54 , 大前端 » CSS3 , Comments(0) , Trackbacks(0) , Reads(12619) , Via Original Large | Medium | Small
纯CSS三角形效果,可以省掉一个图片,(*^__^*) ……,其实之前也看过,没有这个来的干练,四个边框,三个边框的颜色是白色,左边的一个是灰色,但背景是白色,所以视觉上看上去就是三角形
DEMO

<style>
* {
    font-size:14px;/*字体大小 */
}
em {
    display:block;
    font:0/0 "宋体";
    border:7px solid;/* border值越大,三角形越大 */
    border-color:#fff #fff #fff #444;/* 改变颜色产生不同效果 */
    margin-top:5px
}
</style>
<div>
<em></em>
</div>

▲返回顶部
Last modified by tommyhu on2010/01/03 12:55

Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot