generated at
UserCSS:ページヘッダー
変数定義
style.css
:root { --main-color: DarkGray; /* 主調色 */ /* 5 ページのヘッダー画像 */ --page-header-image: url(https://i.gyazo.com/6c9dd76ad4607143ea616014f8a7cfe8.jpg); /* haku*/ }

ページヘッダー(画像表示する場合)
style.css
.page::before { display: block; content: ''; /* */ /*content: '💖'; /* */ width: 1em; /* */ height: 1em; /* */ padding: 48px 80px; /* */ /* width: 72px; /* */ /* height: 48px; /* */ /* padding: 48px 72px; */ /*padding-bottom: 24px;*/ /*position: absolute;*/ /*position: right bottom;*/ position: left top; /* */ /*ここに画像へのリンクを貼る*/ background-image: var(--page-header-image); /* */ background-size: cover; border-radius: 4px }

ページヘッダー(テキスト表示する場合)
stylexx.css
.page::before { content: '💖💖 愛は負けても親切は勝つ'; color: var(--main-color); /* 文字色 */ display: block; /*border-bottom: 1px solid #bbb;*/ /*border-top: 2px solid #f00;*/ /*border-top: 1px solid #bbb;*/ margin-bottom: 2rem; }

UserCSS