Tools

Anki カードの背景をストライプにする

投稿日:2021年9月19日 更新日:

Anki のカードの背景をストライプにする方法を紹介します。

方法と言っても、[書式] のところに 以下のCSSを書くだけです。

.card {
  /* 省略 */
  background-color: #b2e0f0; // 薄い方の色
  background-size: auto auto; 
  background-image: repeating-linear-gradient(180deg, transparent, transparent 1px, #8cd1e8 2px, #8cd1e8 8px);
  /* 省略 */
}
  • .card のところに記述します。

こんなふうになります。

背景がストライプになりました

この場合、文字が見づらくなってしまうので、文字の部分だけ白い背景にしてあります。

そうする場合は、まず 表面や裏面のテンプレートで、こんなふうにクラス属性を指定したタグ(今回は <p>)でフィールドを囲んでおきます。

<p class="box">{{表面}}</p>

続いて、[書式] のところで、このクラスのスタイルを記述します。

.box {
  background-color: white;
  padding: 10px 5px;
  border-radius: 5px;
}

📂-Tools
-

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

Linux

ウェブサーバー(Linux) 上で特定のクライアントとの通信を記録してWindowsで内容を確認する

ウェブサーバー(Linux) 上で特定のクライアントとの通信を記録してWindowsで内容を確認する方法について説明します。

Evernote

Android 用 Evernote 8.9 で検索ができない問題

Android 用 Evernote バージョン 8.9 で検索ができない問題についての対応策を書いています。

ICTリテラシー

手軽に画像ファイル(PNG,JPEG)のサイズを小さくする TinyPNG サイト

PNG や JPEG 形式の画像ファイルを、なるべく見た目の品質を維持しつつ、ファイルサイズを小さくしたい場合は、TinyPNG というウェブサイトが手軽で便利です。

Anki

Anki: テンプレート内でのみ使う画像ファイルとマスターとしての画像ファイル

Ankiにおける、テンプレート内でのみ使う画像ファイルと、マスターとしての画像ファイルについて書きました。

OpenSSH

【SSH】ssh-agent の使い方

SSH をよく使う人には、必須なツールである ssh-agent の使い方について説明します。 目次1. SSH とは?2. ssh-agent とは?SSH で利用される認証方式秘密鍵を一時的に保持 …