CSS画三角形的方法及应用实例_Div+CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  用DIV CSS可以作出很多不同外形的角形;以下我只写了几个;CSS没有优化;是为了让大家看得更清一些;

  以下是一些小三角的外形:


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

示例代码 [www.mb5u.com]
#com_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}

  以下是一些小三角;可以举一反三;做出更多的小三角:

代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

  以下是一个应用的实例:

代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

  在IE6、IE7、FF、OPERA都测试过!IE6更低的版本没有测试!
  本文作者:zishu

来源:无忧整理//所属分类:Div+CSS教程/更新时间:2007-05-06
相关Div+CSS教程