記事中の囲み線・タイトル付の囲み線

シェアする

  • このエントリーをはてなブックマークに追加
_shared_img_thumb_PAK85_notepc20150319202127_TP_V

自分が、ブログの記事を書く時に便利な備忘録です。

今日は、囲み線。さっき、同居の心得で使ってみました(笑)

スポンサーリンク

見出し付の囲み線

今後、使いやすいように、自分が使う線と色で、テキストをそのまま残しておきます。

見出し
1列目
2列目

<div style=”height: 12px;”><span style=”margin-left: 8px; padding: 6px 10px; background: #ff9933; color: #ffffff; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;”>見出し</span></div>
<div style=”border: 2px solid #ff9933; padding: 25px 12px 10px; font-size: 0.85em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;”>1列目<br> 2列目</div>

ドットの囲み線

記事本文

<div style=”padding:10px;border-radius: 20px; border: 3px dotted #00ff00;”>記事本文</div><br>

時々、入れると記事にメリハリがつきますよね。やり過ぎると見にくくなっちゃうけど。

ここから、線種と色を変えていけばいいですね。

実線 solid
点線 dotted
破線 dashed
二重線 double

色コード|色見本サイト一覧
カスタマイズしている時に、htmlで色コードを指定します。その都度、調べるのは面倒ですよね。 色見本がわかりやすく記載されているサイトをま...

こちらのサイト↓を参考にさせていただきました。
初心者に、とてもわかりやすく説明されています。勉強になります。
パソコンが好きになるブログ

このプラグインを入れるとさらに便利ですよ↓

コード・タグを簡単入力|AddQuicktag|ワードプレス
先日、吹き出しの紹介をしました。 その時に、コードを呼び出して使えるプラグイン 『AddQuicktag』について少し触れました。 今回...
スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

トップへ戻る