当前位置: 代码迷 >> HTML/CSS >> 用CSS画一个三角
  详细解决方案

用CSS画一个三角

热度:168   发布时间:2012-10-25 10:58:58.0
用CSS画一个三角形
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
      .tipArrow {
        /*右边有颜色,其他透明*/
        border-color: transparent #e00 transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0px;
        padding: 0;
        width: 0;
        height: 0;
        /* ie6 height fix */
        font-size: 0;
        line-height: 0;
        /* ie6 transparent fix */
        _border-top-color: #dddddd;
        _border-bottom-color: #dddddd;
        _filter: chroma( color = #dddddd);
      }
    </style>
  </head>
  <body>
    <div class="tipArrow"/>
  </body>
</html>

?

  相关解决方案