コピーライトバーのみ

目的

• コピーライトやサイト名などの少ない情報だけ載せる、1行のフッターが欲しい。

実行結果

解説

• フッターにロゴやメニューが不要で、1行だけのシンプルな装飾でスッキリまとめたい時にオススメです。

HTML

<footer>
	<div class="structure_5_2">Copyright&copy; 2025-2026 <a href="https://note-book.foo/">プログラミング備忘録 foo</a> All Rights Reserved.<div>
</footer>

CSS

footer {

}

.structure_5_2 {
	font-size: 14px;
	background-color: #F5F5F5;
	text-align: center;
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}