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:#ffffff;
border:1px solid #1b1b1b;
margin: 5px 5px 11px 5px;
border-radius: 7px ;
box-shadow:1px 1px 7px 0px #acacac ;
}
.fbox:after, .fbox:before {
content: "";
position: absolute;
height: 0;
width: 0;
}
.fbox:after {
top: 98%;
left: 10px;
border: 11px solid transparent;
border-top: 11px solid #ffffff; /*10px*/
}
.fbox:before {
top: 100%;
left: 9px;
border: 12px solid transparent;
border-top: 14px solid #1b1b1b; /*13px*/
}
HTMLコード
<div class="fbox">
���������������������������������������������
</div>
▼以下を設定して下さい。