ものマガ

divやらspanやらで遊びたい

2013/11/24 11:17 投稿

  • タグ:
  • 個人用メモ
  • 見出し
  • div
  • span
  • HTML編集
  • HTML
  • ブロマガ
  • ブロマガ編集
ブロマガって<div〜></div>、<span〜></span>も使えるんですね。
という訳でテストしてみる。ちょっと重いかもしれないので閲覧の際はご注意を。

・「見たまま編集」から使用できるものは基本的にテストしない
・よく使いそうなもの(見出し、区切り線)を中心に

例文:くらげをかいたい
<span style="font-size: 12px;>くらげをかいたい</span>

見出し

くらげをかいたい
<div style="border-left:20px solid #000000; border-bottom: 1px solid #000000; padding:5px;">くらげをかいたい</div>

くらげをかいたい

<div style="border-left:20px solid #000000; padding:5px;">くらげをかいたい</div>


くらげをかいたい
<div style="border-left:20px solid #000000; border-bottom: 1px solid #000000; border-top: 1px solid #000000; padding:5px;">くらげをかいたい</div>

くらげをかいたい
<div style="border-left:20px solid #000000; padding:5px;">くらげをかいたい</div>

くらげをかいたい
<div style="border:1px solid #000000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:5px; ">くらげをかいたい</div>
※編集画面だとちゃんと角丸で表示されるが、どうやらプレビュー/実際の記事では角丸にはならない様子。さらに投稿した後で編集しようとすると、同じように角丸にはならなかった。一番使いたかったものなだけに少しショック。画像を変わりに使うべきだろうか。


コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事