UserCSS:ページフッター

変数定義

code:style.css

:root {

--main-color: DarkGray; /* 主調色 */

/* 6 ページのフッター画像 */

}

ページフッター（画像表示する場合）

code:style.css

.page::after {

display: block;

content: ''; /* */

/* content: '💖'; /* */

width: 1em; /* */

height: 1em; /* */

/* width: 72px; /* */

/* height: 48px; /* */

padding: 48px 80px; /* */

/*position: absolute;*/

/*position: right bottom;*/

position: left top; /* */

/*ここに画像へのリンクを貼る*/

background-image: var(--page-footer-image); /* */

background-size: cover;

border-radius: 4px

}

ページフッター（著作権表示する場合）

code:stylexx.css

.page::after {

content: 'Copyright © 2018 - 2020 S.Suto All Rights Reserved.';

color: var(--main-color); /* 文字色 */

display: block;

border-top: 1px solid var(--main-color);

margin-bottom: 2rem;

}

https://img.shields.io/badge/UserCSS-ページフッター-1572B6.svg?logo=css3&style=for-the-badge

UserCSS.icon