CSSで文字装飾
吹き出し風1
テキスト装飾サンプル
<p class="txt01">テキスト装飾サンプル</p>
p.txt01{ font-size: 30px; position: relative; padding: 0; display: table; font-weight: bold; color: #E8B26B; margin: 0 auto; } p.txt01:before { content: ""; width: 30px; display: block; border-bottom: 3px dotted #E8B26B; position: absolute; left: -30px; top: 30px; transform: rotate(-125deg); } p.txt01:after { content: ""; width: 30px; display: block; border-bottom: 3px dotted #E8B26B; position: absolute; right: -30px; top: 30px; transform: rotate(125deg); }
関連記事