なんで今まで使ってなかったのか不明な装飾を追加しました。
これ。
よく見るよね!!
ということで、いわゆるマーカー的なやつです。
下の方にコード乗っけてあるので使いたい人はどうぞ。
CSS直書きだから残念ながら色変えがちょっと面倒。
自由に変えられるコードも準備しておくのありかなぁ。
こんな感じにちょっと長い文章を書いているときに、ちょっと強調したいなと思う部分があると、サクッと使えるかなと思います。
非太字のバージョンだけならすぐに準備できるのはお手軽!
多分うまくやればグラデーションとかも作れるんじゃないかな。
とはいえ私はCSSそんなに詳しくないのでそんな派手ないじり方はできません。ごめんなさい。
というか、
そろそろもっといろいろ出来るようにしておけよって話ですよね……
サーバー3年契約しちゃったし適当に頑張りましょう
今後色のパターンとか増やしていきたいなとは思います。
というか緑見づらい?一応背景に合わせたつもりだったけど……
スマホの人は背景出てなかったりするんでしょうか。あんまり詳しく知らない。
ということはスマホに優しくないということですね……
スマホでも読みやすいスタイル作っていかなきゃ。
ということで装飾考える期間がまたそのうちくるかもしれません。
いつかテーマごと変わる日が来るかもしれない。その時はその時で。
P.S.
コード自体はかなり単純です。
一応使っているものを掲載。
▼CSS
1 2 3 |
.tagname { background: linear-gradient(transparent 60%, #B3FFA5 50%); } |
▼HTML
1 |
<span class="tagname">ここの文字に適用</span> |
なんかHTMLの設定見つからなかったのでXHTMLになってるけど許してください。中身は一緒です。
コメント