スタイルシート(CSS)を使って：（便利ソースタグ備忘録）

スタイルシート(CSS) mail お問い合わせ Mail

マウスオーバーで、カーソルの形を指定参考；　マウスオーバーで、カーソルの形を指定　＝＝＝＝ここから＝＝＝＝ <body> 「　<div class="c1">手の形</div>から<div class="c14">ヘルプ型</div>　」を、書く。 </body> ＝＝＝＝ここまで＝＝＝＝ <div class="c1">手の形</div>　から <div class="c14">ヘルプ型</div>　を、使用するものを選んで、必要以外は削除しましょう。ブラウザや「XHTML」等では、表示ができない場合も・・・。	ヘッダ内に、「　</head> 　」より上に書き込む。 <style type="text/css"> <!-- .c1 { cursor: hand; } .c2 { cursor: crosshair; } .c3 { cursor: move; } .c4 { cursor: e-resize; } .c5 { cursor: w-resize; } .c6 { cursor: n-resize; } .c7 { cursor: s-resize; } .c8 { cursor: ne-resize; } .c9 { cursor: nw-resize; } .c10 { cursor: se-resize; } .c11 { cursor: sw-resize; } .c12 { cursor: text; } .c13 { cursor: wait; } .c14 { cursor: help; } //--> </style>
ボタン風リンク　　　　参考例⇒　「　【サンプル】　」	<style type="text/css"> <!-- a { padding: 3px 3px 3px 3px; color: #006600; width: 100px; text-align: center; text-decoration: none; background: #99cc00; border: 3px outset; } a:hover { color: #ccff99; } a:active { border: 3px inset; } //--> </style>
リンクマウスオーバー時の色指定と区切り線の色指定リンクにマウスを寄せると、「a:hover」の「color:#a0a0ff;」で、色は「#a0a0ff」に指定しています。区切り線「hr」も、色指定していますが、「hr{」から「}」までを省いてもいいかな？	<style type="text/css"> <!-- a:hover{ color:#a0a0ff; } hr{ color:#a0a0ff; } --> </style> </head>
縦書き縦書き文章は、殆ど使わないかもしれません。 ■⇒ 「縦書き」サイドメニューバーとか、・・・使うかな？	<head> <style type="text/css"> <!-- .c1 { writing-mode: tb-rl; } //--> </style> </head> <body> <p class="c1"> １行目<br> ２行目<br> ３行目<br> </p> </body>

ホームページ作成日記

ページマップリスト

「CGI(Perl)」	「CGI(Ruby)」	CGI(Python)
スタイルシート(CSS)	その他便利等１	その他便利等２
.htaccess	HTMLソース	JavaScript

カラーチャート【１】

カラーチャート【２】

カラーチャート【３】