css3技术

CSS画三角形的方法及应用实例_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-27 16:03 我要评论( )

CSS画三角形的方法及应用实例,学习CSS画三角形的方法及应用实例,CSS画三角形的方法及应用实例,查看CSS画三角形的方法及应用实例,用DIV CSS可以作出很多不同外形

  用DIV CSS可以作出很多不同外形的角形;以下我只写了几个;CSS没有优化;是为了让大家看得更清一些;

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


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

div css xhtml xml Example Source Code

Example Source Code []

#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 []


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


  以下是一个应用的实例:

div css xhtml xml Source Code to Run

Source Code to Run []


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


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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评