吹き出し風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を修正する(プラグインなし)
  • カスタムフィールドの取り出し&空白チェック
  • カスタム投稿の編集画面からエディタの削除
おすすめの記事
同棲の生活費や口座は?
恋愛・同性・結婚
同棲の生活費の管理や口座については同棲を始める前に決めておきたい事ですよね。...
【コミュ障克服】沈黙を味方につけろ!
コミュ障の治し方
コミニュケーションが苦手だなと思う人の中には、会話の途中で沈黙が訪れると焦ってしまうという人、いると思います。 沈黙が怖くてつい余計な事を話...
同棲カップルが別れた原因は?
恋愛・同性・結婚
同棲生活を初めてから別れてしまったカップルもたくさん居ますよね。 同棲したのに別れてしまうカップルにはどんな原因があるのでしょうか?...
彼が喜ぶ簡単「丼もの」レシピ
恋愛・同性・結婚
同棲して、料理初心者だと、張り切って料理を作ってもイマイチだったり失敗してしまうこともありますよね。 そんな時に助かるのが、簡単でお腹いっぱ...
会話術
自分は会話力がないなと感じる人、落ち込む前に会話力を鍛えましょう! どんなスポーツも勉強も、鍛えないと向上しませんよね? もちろん生まれ持っ...