<header>
  ヘッダー
</header>
<footer>
  フッター
</footer>
/*
    ここからヘッダーのスタイル
--------------------------------- */

header {
    border: 1px solid #000000; /* ボーダー */
}

/*
    ここからフッターのスタイル
--------------------------------- */

footer {
    width: 100%; /* 幅100% */
    height: 200px; /* 高さ200px */
    background-color: skyblue; /* 背景を水色に */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.