1月3

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

| |
12:54 W3C前端技术  From: 本站原创
纯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>

最后编辑: tommyhu 编辑于2010/01/03 12:55
阅读(4580) | 评论(0) | 引用(0)
在此留下酱油瓶-:)
表情
emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我

您的大名(例如:小明) : 

密码(可不填) :  游客无需密码

网址 (可不填) : 

电邮 (可不填) :  [注册]