ブログにも使えるCSS小ネタ

ゼルネアスドーブル 対策はマジックルーム｜ポケモン総合攻略サイト メガカイロスは強い
ネタが思いつくまではブログの移植が主になると思うけど、ちまちま更新していきたいね。

ブログで使えそうなCSSのネタをふたつ紹介。

box風な何か
#333333の部分を弄れば枠線の色が、#222222の部分を弄れば文字色が、#ffffccの部分を弄れば背景色が変わる。

<div style="margin:0.5em;padding:0.5em;border:3px double #333333;color:#222222;background:#ffffcc;">box風な何か
#333333の部分を弄れば枠線の色が、#222222の部分を弄れば文字色が、#ffffccの部分を弄れば背景色が変わるよ。
</div>

マーカーっぽい効果
色の変更もできる

<span style="color:#000000;background:linear-gradient(transparent 60%,#ff99ff 60%);font-weight:bold;">マーカー</span>っぽい効果
<span style="color:#000000;background:linear-gradient(transparent 60%,#99ffff 60%);font-weight:bold;">色の変更</span>もできる