戻るボタン

HTML

戻るのリンク部分のp要素にクラス「modoru」を設定する（クラス名は半角英数何でもOK）

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

CSS

p.modoru{
	width:7em; /*ボタンの横幅（emは文字数） リンクの文字数+1又は2字とします*/
	border:1px #ccc solid; /*枠線 */
	margin:10px 0 10px 50px; /*ボタンの相対的位置 左右のmarginを「auto」にすると水平方向の中央に配置されます*/
	text-align:center; /*リンクの文字列を水平方向の中央に配置します */
	padding:0; /*リンクの文字列の枠線からの間隔です*/
}
p.modoru a{
	color:#333; /*リンクの文字列の色　指定しないと青色になります*/
	background-color: #d7eeff; /*ボックスの背景色*/
	display:block; /*ボックス内のリンク文字列以外をクリックしてもリンクするようにします*/
	text-decoration:none; /*アンダーラインを消します*/
	padding:7px 0; /*枠線とリンク文字列の間隔を設定します　左記の場合上下7pxに設定しています*/
}
p.modoru a:hover{ /*カーソルが乗った時の設定です*/
	color:#ffffff;
	background-color: #008ff9;
}

実施例

ダミーのリンクです。

トップページへ