《CSS》

CSSで文字を指定
 
<html>
<head>
<title>あなたのホームページ</title>

<STYLE type="text/css">

body {

font-size: 9pt;
font-family: TB丸ゴシックR;

}

</STYLE>

</head>

<body>
ホームページ作成中。頑張ります!
</body>

</html>

セレクタ: body { }


body {
font-size: ★pt;
font-family:  ☆;

}

CSSでリンク文字の基本設定
 
<html>
<head>
<title>あなたのホームページ</title>

<STYLE type="text/css">

a:link {
font-size: 9pt;
text-decoration: none;
}

a:visited {
font-size: 9pt;
text-decoration: none;
}

a:active {
font-size: 9pt;
text-decoration: none;
}

</STYLE>
</head>

<body>
ホームページ作成中。頑張ります!
</body>

</html>



セレクタ: a:link { }
       a:visited { }
       a:active { }


a:link { }内でリンクの設定。
a:visited { }内で既読済みリンクの設定。
a:active { }内で選択リンクの設定。


プロパティtext-decoration: none; で下線などの削除。


カーソルを乗せるとリンク文字を変更

 
<html>
<head>
<title>あなたのホームページ</title>

<STYLE type="text/css">

a:hover {
font-size: 9pt;
color: #70bafe;
}

</STYLE>
</head>

<body>
ホームページ作成中。頑張ります!
</body>

</html>

 



セレクタ:  a:hover { }


a:hover {
font-size: ★pt;
color: #000000;

}
スクロールの変更
 
<html>
<head>
<title>あなたのホームページ</title>

<STYLE type="text/css">

body {

scrollbar-dark-shadow-color:#17e851;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #45882f;
scrollbar-shadow-color: #17e851;
scrollbar-3d-light-color: #17e851;
scrollbar-arrow-color: #45882f;
scrollbar-base-color: #17e851;

}

</STYLE>
</head>

<body>
ホームページ作成中。頑張ります!
</body>

</html>

 

 



セレクタ: body { }


body {

scrollbar-dark-shadow-color:#000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3d-light-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;

}