【CSS】付箋風の見出しをCSSで作ってみる！ - mlog

今回は、付箋風の見出しをCSSで作る方法を紹介したいと思います！ 最初に、ベースとなるCSSコードを紹介した後、簡単なカスタムパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 使い方 カスタムパターン 付箋風見出しの色を変えてみる！ 背景色も調整してみる！ 角丸表示にしてみる！ 右側だけ(もしくは左側だけ)を角丸にしてみる！ 影の度合いを調整してみる！ まとめ ブログで使用する場合は ご利用のブログがHTML記述に対応している場合は、紹介するCSSを<style>と</style>で囲んで記述してください。 ※ CSS用の入力欄がある場合は<style>と</style>の囲みなしで記述してください。 HTMLコードについては、そのまま入力でＯＫです。 はてなブログの場合 はてなブログでのCSSの使用については、以下の記事でまとめています

[stelliter]

基本的な部分のおさらい記事、ありがとうございます！