境界線の端に浮かぶこの効果を作成するにはどうすればよいでしょうか? _html/css_WEB-ITnose

このようなエフェクトの場合、ブートストラップ コントロールはありますか?それとも普通のCSSを使ってレイアウトするのでしょうか？

ディスカッションへの返信(解決策)

画像、位置決め

大きなコンテナの相対位置、画像の絶対位置、負の値

全く分かりません

で分からなかったらそれから質問してください。 。 。 。 。 div+CSS を学びましょう

<style type="text/css">*{margin:0;padding:0}.box{position:relative;width:400px;height:300px;background:#fafafa;border:1px solid #ccc;margin:50px 0 0 50px}.arrow{position:absolute;top:-20px;right:0;width:50px;height:50px;background:#f00;color:#fff;}</style>

<div class="box">	<div class="arrow">右上角</div>    <p>中华人民共和国中华人民共和国</p></div>

矢印を右上隅の画像に置き換えてください。 。

<style type="text/css">*{margin:0;padding:0}.box{position:relative;width:400px;height:300px;background:#fafafa;border:1px solid #ccc;margin:50px 0 0 50px}.arrow{position:absolute;top:-20px;right:0;width:50px;height:50px;background:#f00;color:#fff;}</style>

<div class="box">	<div class="arrow">右上角</div>    <p>中华人民共和国中华人民共和国</p></div>

矢印を右上隅の画像に置き換えてください。 。
ご回答ありがとうございます