閉じる
カテゴリー
Top >> ウェブデザイン(HTML/CSS)

Jimdoウェブデザイン
リンクの下線を消す

Jimdoでは、簡単にリンクを設置することができます。

リンクを設置すると、アンカーテキスト(リンクが設定されるテキスト)に下線、つまりアンダーバーがつきます。

Jimdo リンクを設定すると下線がつく

最近のウェブデザインではリンクの下線を外すことが多いですが、Jimdoにはこの下線をワンクリックで外す機能まではついていません。

そのため、リンクの下線を外すにはヘッダーからCSSで処理します。

手順

  1. 管理メニューから「基本設定」→「ヘッダー編集」を開きます。
  2. 下記コードをペーストします。
  3. <style type="text/css">

    a {
      text-decoration: none;
    }

    </style>
    Jimdo ヘッダーにCSSを入力する
  4. 「保存」を押して完了。保存すると/*<![CDATA[*//*]]>*/が自動挿入されますが、これはJimdoの仕様なので無視してOKです。
  5. Jimdo リンクの下線が消えた

マウスオンで下線が現れるようにする

通常は、リンクの下線を消しておきたいけど、マウスオンしたときには下線が現れるようにしたいことがあります。

その場合は、さきほどヘッダーにペーストしたコードに、次のコードを追加します。

a:hover {

  text-decoration: underline;

}
Jimdoヘッダー hoverで下線を表示する

ペーストしたコードの解説

<style type="text/css">・・・</style>でデザインを指定します(CSSコードを入力する)。

その中のa{・・・・}は、リンクのデザインを指定するエリアで、text-decoration: none;は下線も何も表示しない、という指定になります。

また、a:hover{・・・・}について、:hoverはマウスオンの状態のデザインを指定します。ここでは、text-decoration: underline;、つまり下線をつけるという指定になります。

記事のシェア
役に立った、参考になった、おもしろかった・・もしそう思ったら、シェアしていただけると嬉しいです♪

こちらも役立つかも?

同じカテゴリーの記事(ウェブデザイン HTML/CSS)

ペンギンの教室
カテゴリー
人気の記事
固有名詞/専門用語 日英辞書

化学、会計、観光、アニメ、漫画などの分野の用語を収録。

固有名詞・専門用語の日英・英日辞書
ペンギンの教室について
ペンギンの教室の作者:オフィスペンぎん

ペンギンの教室は、日ごろ感じる疑問や覚えなければいけないことを、記事や復習問題、クイズ、ゲームを通じて、わかりやすく学べるサイトです。

運営者:オフィスペンぎん

相談/連絡:フォームまたはTwitter