CSS出力図<br> .square{width:100px;height:100px;background-color:#FFF;position:relative;border:2px #000000 Solid;}<br>.square:before{<br>content:""; <br>幅:0px;<br>高さ:0px;<br>表示:ブロック;<br>位置:絶対;<br>z-index:2;<br>上:25%;<br>右:-28px;<br>境界線:15px実線#FFF;<br>境界線- color:transparent 透明 透明 #FFF;<br>}<br>.square:after{content:"";<br>width:0px;<br>height:0px;<br>display:block;<br>position:absolute;<br>z-index:1;<br>top :25%;<br>右:-30px;<br>border:15px ソリッド #FFF;<br>border-color:transparent 透明 透明 #000;<br>} <br>.a{幅:0;高さ:0;ボーダー:40px ソリッド; border-color:transparent 透明 透明 #F00;}<br>