ブログ装飾まとめ
2016年3月18日 HTML+CSS
マーカーを引いたようなアンダーラインを使用し強調します。
.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
テキスト内リンクはマウスオンでアンダーラインを出して視認性をあげます
- 123
- 456
- 789
- aaa
- bbb
- ccc
強調したい場合など
ブロック分け等に使用
引用する場合は<q></q> Quotation タグを使用
Syntax Highlighterはヘッダーがごちゃごちゃするので不使用にしました。
.test { background-color: #ffffff; color: #000000; margin-left: 5%; margin-right: 30%; }