リンクに背景

を付けるにはどうするの?? HTMLの基本をお勉強しよう♪(^0^)ノ°。 【HP Q&A】
ホームページ作成支援の【HP Q&A】

リンクに背景

当サイトは、ホームページを作る為の基本から
ホームページを使った応用技などをを紹介しています。

ホームページ作りのお役に立てれば幸いでございますです

TOPに戻る

「ホームページ」って何?
リンクに背景をつけよう!!




背景画像を固定させるには、「スタイルシート」を使います。
スタイルシートは、<head>〜</head>内に記述して使います。

<head>〜</head>内に記述するとページ全体にスタイルシートの内容が適用されます。

リンクは表示させたい位置に入力してください。



HTML文書

  オンマウスでリンクの文字に背景色がでます
<style type="text/css">
<!--
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {color:#ffffff; background:#ff0000}
-->
</style>

ブラウザ表示

こちらを触ってみてね



a:linkは、リンクの何もしてない状態で
a:visited は、一度クリックした状態、
a:active は、クリックしたときの状態、
a:hoverは、マウスを乗せた時の事です。


それぞれ、colorに好きな色を設定してください。




小技編TOPへ
このサイトに掲載されている記事・写真・図表などの無断転載を禁じます。
Copyright (C) ホームページ作成支援の【HP Q&A 】】 All Rights Reserved