ホームページ作成
リンクの表示・装飾 (HTML,CSS,JavaScript)(2ページ目)
HTMLやスタイルシート(CSS)、JavaScriptを使ったリンクの表示、装飾方法について解説しました。
記事一覧
リンクの下線を装飾したい
ガイド記事西村 文宏リンクの下線を装飾してみましょうリンク文字に引かれる下線はたいてい実線ですが、スタイルシートを使うことで他の線種に変更したり色を加えたり、装飾することもできます。今回は、リンクの下線を装飾する方法をご説明致します。以下の文字列は、全てリンクになっています。■下線の種類を変える:点線のリンクですよ。破...続きを読む
HTMLでセルや行全体をクリック可能なリンクにする方法
ガイド記事西村 文宏HTMLの1行全体をクリック可能なリンクにする方法HTMLのa要素を使ってリンクを作る場合、何も指定しなければ「クリック可能な範囲」は対象の文字列だけです。文章中の文字列をリンクにする際はそれでも構いませんが、テーブルを使ってメニューのように見せるリンクリストを作る場合では、td要素で作るセル全体(...続きを読む
隠しリンクの作り方と見つけ方!SEOなど注意点も
ガイド記事西村 文宏隠しリンクとは隠しリンクとは、閲覧者には容易に見えない形で掲載されたリンクのことです。リンクの存在を視覚的には完全に見えなくする方法や、極端に見えにくくする方法、ある条件を満たさない限り表示されないようにする方法など、様々な隠し方があります。宝探しゲームなどの遊び要素として使う分には問題ありませんが...続きを読む
リンク画像の背景色を一瞬で変更する方法
ガイド記事西村 文宏<!--/*スタイルシート*/A:hover{color:green;background-color:#ffff55;text-decoration:underline;}A:active{color:red;background-color:#ffcccc;}-->今回は、次のようなリンクを作成...続きを読む