文章を書いていて下線や打ち消し線をつけたい場合、もしくは下線を消したい場合にどのようにするかを説明した記事です。

下線をつける

＜ブラウザの表示＞

CSSで下線をつける

＜html ソース＞

<h1>CSSで下線をつける</h1>

＜CSS ソース＞

h1 {
  text-decoration: underline;
}

下線を消す場合

＜ブラウザの表示＞

CSSで下線を消す

＜html ソース＞

<a href="#">CSSで下線を消す</a>

＜CSS ソース＞

a {
  text-decoration: none;
}

打ち消し線をつける場合

＜ブラウザの表示＞

CSSで打ち消し線をつける

＜html ソース＞

<h1>CSSで打ち消し線をつける</h1>

<CSS ソース>

h1 {
  text-decoration: line-through;
}