CSSでスクロールバーとマウスポインタを変更 CSS入門無料ホームページ作成 y-labo

3-6）CSSでスクロールバーとマウスポインタを変更 CSS（スタイルシート）入門

ご自分でホームページを作成・修正される方のために、ホームページ作成のためのコンテンツをご用意しました。すべて無料のコンテンツですのでお役立てください。なお、こちらのコンテンツに関してはサポートを行っていません。ご質問のメールなどはご遠慮いただければと思います。

CSS（スタイルシート）でスクロールバーとマウスポインタを設定します。

このページで最終的に作成するページの見本はこちらです。

HTMLタグの<body>タグに「overflow」プロパティで設定します。ブラウザやHTMLファイルの設定によっては、<html>タグにも設定する必要があります。

スクロールバーを消してしまうと、意図しないところでスクロールできずにページが最後まで読むことができないということが起こりえます。従って、特別な理由がない限り使用しないほうが良いでしょう。

例）
html, body {
overflow: hidden;
}

マウスポインタ（カーソル）を変更する場合は、「cursor」プロパティを設定します。

ページ全体に設定する場合は<body>タグ、個別に設定する場合はそれぞれのタグに設定します。

値には以下の通り入力します。「sample」をポイントすると実際にカーソルが変更しますので確認してみてください。
マウスポイントにはそれぞれ意味があります。それをを変更すると、閲覧者によってはストレスに感じることがあります。従って、特別な理由がない限り使用しないほうが良いでしょう。

例）
body {

}
h2 {
cursor: help;
}

ホームページ制作は専門用語も多く、わかりにくいことも多いかと思います。ホームページの制作方法や制作費用、アクセス数アップ（SEO対策）などわかりにくいことがあればお気軽にお問い合わせください。

メールでのお問い合わせは365日24時間受付中です。

090-3401-6229（直通）

平日のみ（土日祝日はお休み）
午前11時～午後7時頃

※留守番電話にメッセージを残して頂ければ、対応時間内にこちらより折り返します。