ホームページ作成 新着記事一覧(28ページ目)

リンクの上にマウスを乗せると装飾が変化するデザインはよく使われていますね。では、リンクの上にマウスを乗せたときに、リンクの横や下に矢印を表示させる装飾はいかがでしょうか。選択中の場所が際立つ装飾です。

雑誌などでよく使われる「先頭の1文字を大きくして下の数行に食い込ませる」装飾(ドロップキャップ)を作ってみましょう。スタイルシートを使えば簡単です。first-letter疑似要素・first-child疑似クラスを使います。

狭いスペースに様々なページへのリンクを凝縮できる「プルダウンメニュー」を作ってみましょう。簡単なJavaScriptを使いますが、スクリプトはHTML内にわずか20文字です！

長文を読みやすくするには行間を広めに設定する方が望ましいでしょう。その行間（行の高さ）の指定を、単位付きの数値で記述していませんか？ 単位を付けて指定すると、上下の行と重なってしまうことがあります。

Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！

HTMLの先頭にDOCTYPE宣言がありますか？ ないと、Internet Explorerでスタイルシートを活用できません。最新のIE7でもこの宣言がなければ以前と同じ表示になってしまいます。

昨年から急速に増えている「ブログで紹介するだけでお金を貰える」というサービス。いったいどういうサービスなのでしょうか？

ブログツールの代表格「Movable Type」（ムーバブル・タイプ）を、自分のホームページスペースに設置してみましょう。レンタルブログを利用するよりも、自分で設置する方が遙かに柔軟なカスタマイズができます。

Windows上でCGIを動作させる方法をご紹介。簡単なセットアップさえ行えば、CGIの動作確認のためだけにいちいちファイルをサーバにアップロードする必要はなくなります。自宅PC上でCGIを動かしてみましょう！

スタイルシートを使えば、画像の周囲に枠線を引くことは簡単です。では、画像と枠線との間に少し余白を設けたい場合はどうでしょうか？ あなたが今思いついたソースでは、うまくいかない場合があるかも知れません。