TOP  »  スタイルシート(CSS)  »  リンク

CSSデザイン
リンク

リンク1

2007/8/19

<style type='text/css'>
	/* ★IDによるリンクのスタイル指定 */
	#link1 a { text-decoration:underline; color:orange; }
	#link1 a:hover { text-decoration:underline; color:gray; }

	/* ★ID、クラスによるリンクのスタイル指定 */
	/* cls1クラス */
	#link1 a.cls1 { text-decoration:none; color:skyblue; }
	#link1 a.cls1:hover { text-decoration:underline; color:skyblue; }
	/* cls2クラス */
	#link1 a.cls2 { text-decoration:none; color:blue; }
	#link1 a.cls2:hover { text-decoration:overline; color:blue; }
</style>

<div id='link1'>
	<a href='#'>リンク</a> 
	<a href='#' class='cls1'>リンク(cls1)</a>
	<a href='#' class='cls2'>リンク(cls2)</a>
</div>
このページの先頭へ

リンク2
マウスが乗った時リンクに背景色を付ける

2007/8/19

<style type='text/css'>
	/* 通常時 */
	a.link2 { text-decoration:underline; color:blue; padding:0 3px; }
	/* マウスが乗った時 */
	a.link2:hover { text-decoration:none; color:#fff; background-color:orange; }
</style>

<a href='javascript:void(0)' class="link2">リンク</a>
リンク
このページの先頭へ

リンク3
リンクの下線を border-bottom プロパティで指定

2007/8/19

<style type='text/css'>
	/* 通常時 */
	a.link3 { text-decoration:none; color:blue; border-bottom:1px solid blue; }
	/* マウスが乗った時 */
	a.link3:hover { text-decoration:none; color:orange; border-bottom:1px solid orange; }
</style>

<a href='javascript:void(0)' class="link3">リンク</a>
リンク
このページの先頭へ

リストマークを画像にする
背景プロパティ(background)使用

2007/8/19

このページの先頭へ
Q. このサイトの情報はお役に立ちましたでしょうか?

     

投票する | 投票結果を見る | 管理人に【web拍手】を送る web拍手(1行メッセージも送れます♪)

安くてかわいいだけじゃない、使えるレンタルサーバーなら、ロリポップ!

当サイトは、ロリポップ!を使ってます。

決め手は、下記の5ポイントでした♪
・サーバーが安定していること
・サポート体制がしっかりしていること
・PHPが使えること
・共有SSLが使えること
・安いこと

通常のhttp://~の他に、https://~で始まるセキュアなURLが発行されるので、今はやりのFacebookページもそのURLを利用することでセキュアなキャンバスページとして運営できます。

メジャーなブログエンジンの「Movable Type」や「Wordpress」も設置マニュアルがあるので、簡単にインストールできます。

可愛いドメインもいっぱい用意されているけれど、他のサーバーのお引っ越しするかもしれないし(爆)、やっぱり自分のドメインで運用したいですよね。 ムームードメインだと、「.com」は年間950円くらいです。 ロリポップの画面から取得したドメインが簡単に設定できるようになっているのでその辺のことが分からなくても安心です。

また、ほとんどの機能を使える無料お試し期間が10日間あるのでじっくり検討できます。 よしレンタルしようとなった場合は、おさいぽという独自サービスがあるので、オンライン上で全部手続きできるのうれしい限り。

マニュアルだけでなく、ライブチャットが完備されているのですぐに質問できます。 とてもサポート体制が手厚いので、初めてレンタルサーバーを使う人にもとってもおすすめです。

» ロリポプラン 詳細はこちら