HTML HTML5 HTMLタグ スマートフォン |
CSS CSSプロパティ CSS・HTML便利ツール |
HTML色見本 配色組み合わせツール 特殊文字 |
JAVA Android |
PHP Smarty修飾子 EXCEL |
▼生成した吹き出し
CSSコード
.fbox {
position: relative;
display:inline-block;
padding:10px ;
text-align:left;
background-color:#feeeee;
border:1px solid #e92626;
margin: 5px 10px 5px 5px;
border-radius: 5px ;
}
.fbox:after, .fbox:before {
content: "";
position: absolute;
height: 0;
width: 0;
}
.fbox:after {
top: 1px;
right: -21px;
border: 11px solid transparent;
border-left: 16px solid #feeeee; /*13px*/
}
.fbox:before {
top: 2px;
right: -21px;
border: 10px solid transparent;
border-left: 10px solid #e92626; /*10px*/
}
HTMLコード
<div class="fbox">
あいうえおかきくけこ
</div>
▼以下を設定して下さい。