戻るリンクの修飾

1. 各ページの「トップページへ戻る」を設定したpタグにクラス「back」を指定します。
   

   <p class="back"><a href="../index.html">トップページへ戻る</a></p>

2. リンクを修飾するCSSを作成し、styleフォルダにファイル名「back.css」として保存します。
   

   @charset"UTF-8";
   .back {
   　border: 1px solid #000;
   　width: 11em;
   　margin: 0 auto;
   　text-align: center;
   }
   .back a {
   　padding: 5px 10px;
   　text-decoration: none;
   　display: block;
   　background-color: brown;
   　color: white;
   }
   .back a:hover{
   　text-decoration:underline;
   　background-color:blanchedalmond;
   　color: #333;
   }
   

3. HTMLファイルのheadタグ内に次の1行を記述し「back.css」を読み込みます。
   

   <link rel="stylesheet" href="../style/back.css" type="text/css">