乐码库:一个极速、放心、纯净的下载站! 更新: 资源发布
  • 您的位置:首页 > 技术文档 > CSS/HTML > 用DIV+CSS写小三角
  • 收藏本页
      用DIV+CSS写小三角
      发布时间:2016-10-25 10:33:51 关键词: 用DIV+CSS写小三角
      内容简介:用DIV+CSS写小三角
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>test</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <style> 
    /*test*/ 
    *{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial; line-height:1.8; list-style:none;} 
    #info,#nav{ margin:50px; border:1px dashed #f30; background:#ffc; padding:50px;} 
    #info div{background:#f00; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} 
    /*测试*/ 
    #com_a{ border-top:10px solid #ffc;border-left:10px solid #f30;border-bottom:10px solid #ffc;} 
    #com_b{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;} 
    #com_c{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;border-left:10px solid #f30;} 
    #com_d{ border-top:10px solid #f30;border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
    #com_e{ border-top:10px solid #ffc;border-left:10px solid #f30;} 
    #com_f{ border-top:10px solid #f30;border-right:10px solid #ffc;border-left:10px solid #ffc;} 
    #com_g{ border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
    #com_h{ border-top:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
    #com_i{ border-top:10px solid #f30;border-right:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
    </style> 
    </head> 
    <body> 
    <div id="info"> 
    测试 
      <div id="com_a"></div> 
      <div id="com_b"></div> 
      <div id="com_f"></div> 
      <div id="com_g"></div> 
      <div id="com_c"></div> 
      <div id="com_d"></div> 
      <div id="com_e"></div> 
      <div id="com_h"></div> 
      <div id="com_i"></div> 
    </div> 
    </body> 
    </html>
    

      相关内容
      最新更新
      热门排行榜