您现在的位置： 像素吧 >> 设计教程 >> css样式 >> 正文

CSS画三角形的方法及应用实例

来源:不详 日期：2008-1-7 22:44:54 作者：佚名 查看:
"CSS画三角形的方法及应用实例"这篇css样式如果帮助了您，请记得分享给您身边的朋友，如果您有比"CSS画三角形的方法及应用实例"更好的教程请发布共享，帮助别人快乐自己！
　　用DIV+CSS可以作出很多不同形状的角形；以下我只写了几个；CSS没有优化；是为了让大家看得更清一些；

　　以下是一些小三角的形状：


　　这是第一个小三角的写法：

div css xhtml xml Example Source Code Example Source Code [www.52css.com]#com_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}
　　以下是一些小三角；可以举一反三；做出更多的小三角：

div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]
　　以下是一个应用的实例：

div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]
　　在IE6、IE7、FF、OPERA都测试过！IE6更低的版本没有测试！ 
　　本文作者：zishu

  • 上一篇教程：

  • 下一篇教程：

    • 相关评论：

    发表评论

    • 昵 称：
    • 内 容：
    •  
    • 虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号!