STUDY_html_004_B.html
<html> <meta charset="utf-8"> <style> スタイル </style> <div class="ちぇんじ"> <a href="#">hover + 文字色 + 背景色 + 線の色と太さ</a> </div> </html>
<style>
div{margin:0 auto;
text-align:center;
margin-top:100px;
width:600px;}
.ちぇんじ a{font-family:sans-serif;
font-size:20px;
padding:20px 20px 20px 20px;
color:#123456;
border:1px solid #456789;
border-radius:20px;
text-align:center;
text-decoration:none;
background-color:#abcdef;}
.ちぇんじ a:hover{color:#ffffff;
text-align:center;
text-decoration:none;
background-color:#007f6f;
border:6px solid #004400;}
</style>
・・・JavaScriptは使われていません
sample_STUDY_html_004_B ▶[ css_history_02.pdf \ sample_STUDY_html_004_B.pdf 
サンプル・ダウンロード 
