CSS畫三角形的方法及應用實例_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        用DIV CSS可以作出很多不同外形的角形;以下我只寫了幾個;CSS沒有優化;是為了讓大家看得更清一些;

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


        這是第一個小三角的寫法:

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

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

      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

        以下是一個應用的實例:

      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

        在IE6、IE7、FF、OPERA都測試過!IE6更低的版本沒有測試!
        本文作者:zishu

      來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2007-05-06
      相關Div+CSS教程