ブログ装飾まとめ

マーカーを引いたようなアンダーラインを使用し強調します。

.red{
background: -webkit-linear-gradient(transparent 60%, #ff1493 60%)!important;
background: -o-linear-gradient(transparent 60%, #ff1493 60%)!important;
background: linear-gradient(transparent 60%, #ff1493 60%)!important;
}

グリーンのアンダーラインも用意してあります
イエローアンダーライン
使いやすいグレーライン

h3h3h3h3h

h4h4h4h4h

h5h5h5h5
h6h6h6h6h6
テキスト内リンクはマウスオンでアンダーラインを出して視認性をあげます
urlはcssを使用しhttp://www.lopweb.net/URLを追加
 

.url:before {
content: "URL:";
}

リストエリアの装飾

  • 123
  • 456
  • 789
  1. aaa
  2. bbb
  3. ccc
強調したい場合など

ブロック分け等に使用

引用する場合は<q></q> Quotation タグを使用

引用:http://www.lopweb.net/

Syntax Highlighterはヘッダーがごちゃごちゃするので不使用にしました。

.test {
background-color: #ffffff;
color: #000000;
margin-left: 5%;
margin-right: 30%;
}