吹き出し風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);
}
WEB・Wordpressの関連記事
  • CSSで文字装飾
  • display:flexで中央寄せ、右寄せ、均等配置
  • 【DreamweaverCC】「取り消し」「やり直し」を開いてるソース内で行う
  • カスタムタクソノミ―のURLを修正する(プラグインなし)
  • カスタムフィールドの取り出し&空白チェック
  • カスタム投稿の編集画面からエディタの削除
おすすめの記事
仲良しカップルの特徴と秘訣
恋愛・同性・結婚
いつまでも、仲良しカップルで居られたら幸せですよね。そんな仲良しカップルで居られる為に、仲良しカップルの特徴と秘訣を調べてみました。...
褒める言葉「さしすせそ」
会話術
褒め言葉のさしすせそを知っていますか? 人と会話をする上で、大事なのは相手を褒めること。 女子たちの間では、男は「さしすせそ」で褒めておけば...
【簡単レシピ】野菜のおかずをお弁当に♪
恋愛・同性・結婚
同棲している彼にお弁当♪どうせ作るなら、健康にも気を使ったお弁当にしたいですよね! 冷凍食品を使わずに、自分で心をこめて作った「野菜のおかず...
ブロッコリースプラウトの食べ方
ライフハック
ダイエットや健康効果抜群ということで、大人気の「ブロッコリースプラウト」。 自炊するなら、同棲相手にも自分にもいいものを、と思いますよね。 ...
部屋の臭いを消す方法
ライフハック
同棲している部屋は、快適な空間にしたいですよね。部屋の臭いもできるだけクリーンにしておきたいですよね。 部屋の臭い、自分の家は大丈夫だと思っ...