はこんな形です に返信ディスカッション (解決策) 私のアイデア - CSS2 メソッド: 境界線を使用して 2 つの三角形 (赤と白) を作成し、数ピクセルを残して白い三角形が赤い三角形を覆うように配置します。 。 http://www.ldisp.com/uploads/demo/CSS3-Monochrome-Icon-Set.html ああ、三角形を 2 つ作成するように頼んだ初心者であることを許してください。はい、しかし、それを配置してカバーする方法がわかりません。 <br>.box {position:relative;} <br>.arrow1 {height:0;width :0;border-width:20px ; border-color:transparent #fff 透明 透明; border-style:solid;position:absolute;left:4px;} <br>.arrow2 {height:0; width:0;border-width:20px; border-color:transparent red 透明、border-style:solid;position:absolute;} <br> ; /div>//以下はもちろんCSS3を使ってレンダリングしたものです さらに便利