コンテンツへスキップ
ナビゲーションに移動
2019年6月22日
/ 最終更新日時 : 2019年6月23日
mimito
CSS
リンク設定
リンク設定
- リンクを設定するには、<a>でマークアップします。
- href属性でリンク先のページを指定します。
- href属性で外部のページを指定する場合は、絶対パスで指定します。(httpなどから始まるURL)
また、外部ページの場合は、別のタブでの表示(taeget=”_blank”)をしてすることが一般的です。
サイト内は、通常、相対パスで指定します。
- <a>要素で囲まれた文字列は、デフォルトスタイルシートで、下線のある青文字になり、リンク先にアクセスしたことがある場合は、文字列が紫色になります。
- リンクのデザイン
- a すべてのリンクに対するデザインで、リンク先にアクセスしたことがあるにかかわらず、ここで指定したデザインになります。
- その他の設定(疑似クラス)
- a:link リンク先に未アクセスのリンク
- a:visited リンク先にアクセス済みのリンク
- a:hover カーソルを重ねたときのリンク
- a:active クリックしたときのリンク
- 疑似クラスを使用してデザインする場合、すべて記述の必要はありませんが、必要な疑似クラスを1から4の順番で記述します。
PAGE TOP