ボックス要素どうしが重なる場合で、一部の重なる部分のみ
borderを表示したくない場合、どのように対応すればよろしいのでしょうか。
下記のサンプルコードでいうところの#hoge
のborder-bottomを表示させずに
#fuga
とあたかも一体のように表示させたいのですが、#hoge
のみtransparentを指定しても
#fuga
のborder-topの指定が残ってしまうため、うまく対応することができません。
よろしくお願いいたします。
html
1<div id="hoge"> 2tab 3</div> 4 5 <div id="fuga"> 6 abcde 7 </div>
css
1#hoge{ 2 margin-left:auto; 3 width:40px; 4 height:20px; 5 background-color:gray; 6 text-align:center; 7 border:1px solid black; 8 border-bottom:1px transparent solid; 9} 10 11#fuga{ 12 margin-left:auto; 13 width:400px; 14 height:200px; 15 background-color:gray; 16 border:1px solid black; 17}
回答1件
あなたの回答
tips
プレビュー