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

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

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

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

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

手順

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

a {
  text-decoration: none;
}

</style>

3. 「保存」を押して完了。保存すると/*<![CDATA[*/と/*]]>*/が自動挿入されますが、これはJimdoの仕様なので無視してOKです。

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

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

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

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

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

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

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

おすすめ

HTML/CSSを学ぶと、Jimdoでつくったウェブサイトをカスタマイズできます。HTML/CSS入門はこちらから！

Jimdoでホームページ作成！

Jimdoウェブデザイン：丸い画像＋背景色つき文章で吹出風コンテンツ

Jimdoウェブデザイン：画像を丸くする

Jimdoウェブデザイン：文章の背景に色をつける

Jimdoウェブデザイン：文字にマーカーで印をつける

Jimdoウェブデザイン：リスト上下の間隔を調整する

Jimdoウェブデザイン：ふりがなを振る

Jimdoウェブデザイン：画像を枠線で囲む

Jimdoウェブデザイン：リスト行頭の点や数字を変更する

Jimdoウェブデザイン：リストの行頭の位置を揃える

Jimdoウェブデザイン：コピペに伴う余計なスタイルをクリアする

Jimdoウェブデザイン：水平線の上下の間隔・長さを調整する

Jimdoウェブデザイン：行間・段落間を調節する

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

Jimdoウェブデザイン：複数の段落を枠線で囲む

Jimdoウェブデザイン：ページの特定箇所へリンクする

Jimdoウェブデザイン：見出しにリンクを設定する

Jimdoウェブデザイン：文章を枠線で囲む