デザインコード紹介

Chapter2 見出しやテキストの装飾

テキスト装飾 – 波線

更新日:

波線のWebデザイン画像

HTML

<p>強調したいテキストに<span class="emphasis">マークをつけること</span>ができます。</p>

CSS

.emphasis {
  text-decoration: #e5c046 wavy underline 5px;
  -webkit-text-decoration: #e5c046 wavy underline 5px;
}

できるだけ誌面とコードの色を近づけるように調整しましたが、印刷物と画面表示との差異はどうしても発生してしまいます。サポートサイトでご確認いただける色が実際に表示されます。