nakazilab

cssやJavaScriptの備忘録サイト

css

文字にマーカーを引く

backgroundのグラデーションを使い、文字にマーカーを引きます。

HTML(Pug)

p 
  | 文字に
  strong マーカー
  | を引きます。

CSS(SCSS)

strong {
  background: linear-gradient(transparent 60%, yellow 60%);
  display: inline-block;
  padding: 0 2px;
}