[CSS] 印刷用のラベルボックスの枠線の色を渋めにした

ラベルボックスなどは、ディスプレイ上では薄い背景色で表示しています。
しかし、そのまま印刷するとインクがにじみやすいので、枠線のみにしています。

Cocoonのテーマ色をもとに、グレー、青、緑、黄、赤 に対応する、渋めの色リストを作りました。

今までは、彩度の大きめの色だったのですが、ちょっと派手な印象でした。
今回は少し落ち着いた色にそろえてみました。

こちらもどうぞ。

[Cocoon] ブログカードをラベルボックスのように表示するCSS

カタカナ用語は、はじめて目にする人には意味がわかりにくいものです。 記事の中で共通して使われる用語説明を、挿入しやすいように、「ブログカード」を活用することにしました。 ブログカードでは、スニペットという概要を表示できます。用語と説明を小さ...

chiilabo.com

[Cocoon] 表のデフォルトの枠線が黒になっている（style.min.css）

公開したブログ内の表の枠の色が、なぜか黒に変わっていました。 原因は、「style.min.css」。この中に表（table）の枠線の色のスタイルがあるのですが、これが Cocoonのスタイルと競合しているのです。 サイトの表の枠の色がおか...

chiilabo.com

[Cocoon] 表のスタイルで縦線をなしにした【横線のみのtable】

最近は、表のデザインで、縦の枠線を付けないことが多いようです。 Spotifyの「支払いに問題がある」？【クレジットカード情報の更新】より 確かに、スッキリした印象になります。 ブログ内の表を CSS を変更してみました。 「border-...

chiilabo.com

QRコードを読み込むと、関連記事を確認できます。