検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >div + Css 描画三角形_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 12:31:461217ブラウズ




www.zishu.cn


/*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;}


＜ボディ＞


いくつかの三角形の写法














声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSS コントロール div center_html/css_WEB-ITnose次の記事：CSS コントロール div center_html/css_WEB-ITnose

関連記事

続きを見る