ホームページ > 記事 > ウェブフロントエンド > CSS ボーダー属性を賢く使用して、通常の graphics_html/css_WEB-ITnose を実装します。
CSS ボーダー属性を賢く使用して、通常の graphics_html/css_WEB-ITnose を実装します。
- WBOYオリジナル
- 2016-06-24 11:52:59951ブラウズ
最初: 例:
#div1 {
height:20px;
width:20px;
border-color:#FF9600 #3366ff #12ad2a #f0eb7a;
Border-style:solid ;
Border-width:20px;
}
このコードのレンダリングは次のとおりです:
中央の白い色は幅と高さが 20px の div1 です。
次に、三角形の番号を実現するには、div の幅と高さを 0 に設定し、片側のみに境界線を表示するように設定します。
#div2 {
高さ: 0;
0 幅: 0;
ボーダー: 20 ピクセルの破線の透明
ボーダー上部: 20 ピクセルのソリッド #ff9600;
🎜 🎜 🎜 🎜 🎜 🎜 🎜
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。