div + Css 描画三角形_html/css_WEB-ITnose

/*zishu.cn*/
*{ マージン:0;パディング:0;フォントサイズ:12px; font-family:Verdana、「宋体」、Arial;行の高さ:1.8; list-style:none;}
#info,#nav{ margin:50px;ボーダー:1px 破線 #FF3300;背景:#FFFFCC;パディング:50p​​x;}
#info div{背景:#FF0000;幅:0ピクセル;高さ:0ピクセル;オーバーフロー:非表示; margin-bottom:10px;}
/*いくつかの三角の写法*/
#com_a{ border-top:10px Solid #FFFFCC;border-left:10px Solid #FF3300;border-bottom:10px Solid #FFFFCC;}
# com_b{ border-top:10px ソリッド #FFFFCC;border-right:10px ソリッド #FF3300;border-bottom:10px ソリッド #FFFFCC;}
#com_c{ border-top:10px ソリッド #FFFFCC;border-right:10px ソリッド # FF3300;border-bottom:10px ソリッド #FFFFCC;border-left:10px ソリッド #FF3300;}
#com_d{ border-top:10px ソリッド #FF3300;border-right:10px ソリッド #FFFFCC;border-bottom:10px ソリッド # FF3300;border-left:10px ソリッド #FFFFCC;}
#com_e{ border-top:10px ソリッド #FFFFCC;border-left:10px ソリッド #FF3300;}
#com_f{ border-top:10px ソリッド #FF3300;border- right:10px ソリッド #FFFFCC;border-left:10px ソリッド #FFFFCC;}
#com_g{ border-right:10px ソリッド #FFFFCC;border-bottom:10px ソリッド #FF3300;border-left:10px ソリッド #FFFFCC;}
#com_h{ border-top:10px ソリッド #FF3300;border-bottom:10px ソリッド #FF3300;border-left:10px ソリッド #FFFFCC;}
#com_i{ border-top:10px ソリッド #FF3300;border-right:10px ソリッド#FF3300;border-bottom:10px ソリッド #FF3300;border-left:10px ソリッド #FFFFCC;}


＜ボディ＞

いくつかの三角形の写法