《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;

}