こんにちは！ あますた(@amaguristar)です。

• 「一部の文字(キーワード等)を分かりやすく囲みたい」

そんな時ありませんか？　cssで簡単に実現可能です。

クラスを設定

前回似た様なもので、キーボード風に表示するcssを作成しましたが、今回はそれを改良。

.keyword {
    margin: 0 5px;
    padding: 4px 15px;
    border-radius: 1em;
    background: #b8d200;
    color: #ffffff;
}

実際に使用すると、

これはテストです。これはテストです。これはテストです。これはテストです。これはテストです。これはテストです。これはテストです。

と表示されます。あとは好みでカスタムして下さい。