h1やh2などの見出しのcssデザイン

自分用のcssコードです（＾ω＾；）
とりあえず、よく使う見出しコードをh2でメモしているので、使えそうなものがあれば良かったらどうぞ。

よく使うパターンNo.１の見出し

↓コードはこちら

h2 {
  color: #000; /*文字自体の色*/
  border-top: solid 3px #ffff00; /*上の線：線の種類、線の太さ、線の色*/
  border-bottom: solid 3px #ffff00; /*下の線：線の種類、線の太さ、線の色*/
  padding: 0.8em 0.5em; /*余白：上下、左右*/
}

可愛い系のデザインでよく見かけます

↓コードはこちら

h2 {
  color: #ff1493; /*文字自体の色*/
  border-bottom: dotted 5px #ffb6c1;  /*下の線：ドットの線、線の太さ、線の色*/
  padding: 0.5em;  /*余白：左右上下の余白*/
}

そこそこ使うキレイ目の見出しパターン

キレイ目なのでフォントの太さはnormalで指定。
↓コードはこちら

h2 {
  color:#808080;  /*文字自体の色*/
  border-top: double 3px #808080;  /*上の線：二重線、線の太さ、線の色*/
  border-bottom: double 3px #808080;  /*下の線：二重線、線の太さ、線の色*/
  padding: 0.5em;  /*余白：左右上下の余白*/
  font-weight: normal;  /*フォントの太さ：普通*/
}