かんたん作成【HTML CSS JavaScript PHP CGI Perl Ruby Python .htaccess】



このエントリーをはてなブックマークに追加
カーソルの形を指定(cursor)

<html>
<head>
<title>カーソルの形を指定</title>

<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;
}
.c15    {
    cursor:    default;
}
//-->
</style>

</head>
<body>
<div class="c1">手の形</div>
<br>
<div class="c2">十字型</div>
<br>
<div class="c3">十字型矢印</div>
<br>
<div class="c4">右矢印</div>
<br>
<div class="c5">左矢印</div>
<br>
<div class="c6">上矢印</div>
<br>
<div class="c7">下矢印</div>
<br>
<div class="c8">右上矢印</div>
<br>
<div class="c9">左上矢印</div>
<br>
<div class="c10">右下矢印</div>
<br>
<div class="c11">左下矢印</div>
<br>
<a class="c12" href="../../sample/sample.html">テキスト型</a><br>
<br>
<a class="c13" href="../../sample/sample1.html">砂時計型</a><br>
<br>
<a class="c14" href="../../sample/sample2.html">ヘルプ型</a><br>
<br>
<a class="c15" href="../../sample/sample3.html">通常の矢印</a><br>
</body>
</html>
スタイルシート(CSS)
全体の背景色(background-color) 全体の背景画像(background-image)
全体の背景画像(固定 background-attachment) 全体の背景画像(横のみ繰り返し repeat-x)
全体の背景画像(縦のみ繰り返し repeat-y) 全体の背景画像(位置指定 background-position)
全体の背景一括指定(background) 全体の文字色(color)
リンク色(link, visited, hover, active) スクロールバーの色(scrollbar)
フォント(font-family) 文字サイズ(font-size)
文字の太さ(font-weight) 文字色(color)
文字装飾(text-decoration) 斜体(font-style)
上付き文字・下付き文字(vertical-align) 大文字変換・小文字変換(text-transform)
行の高さ(line-height) 文字間隔(letter-spacing)
行揃え(text-align) 1行目にインデント(text-indent)
段落の1行目を装飾(first-line) 段落の最初の1文字を装飾(first-letter)
縦書き(writing-mode) 自動改行しないで表示(white-space, nowrap)
文字の背景色(background-color) 文字の背景画像(background-image)
枠(border-style) 枠(太さ指定 border-width)
枠(色指定 border-color) 枠(一括指定 border)
幅・高さ(width, height) マージン(外側の間隔 margin)
パディング(内側の間隔 padding) リストスタイル(list-style-type,list-style-image,)
番号つきリリスト(list-style-type,padding-left) 画像サイズ(width)
画像回り込み(float) 画像にフィルター(透明度 filter, alpha)
画像に枠(border) 画像の重ね合わせ・重ねる順番指定(z-index)
罫線の色・幅・高さ・枠 フォームの色・サイズ
IMEの入力モードの指定(ime-mode) カーソルの形を指定(cursor)
ボタン風リンク 画像ダウンロード対策(右クリックでの画像保存を禁止)
かんたん作成【HTML CSS JavaScript PHP CGI Perl Ruby Python .htaccess】