小見出し各種 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。


テーマ:
$やさしいアメブロカスタマイズ!と女性タレント画像-紙とペン 540x


fc2ブログや、はてなブログだと小見出しや引用符のボタンがあって、簡単に記事に書けるみたいですけど、アメブロさんには無いのでチョット作ってみました。←暇人(笑)



<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">青の小見出し</div>




青の小見出し



・幅、短め

<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;width:400px;">青の小見出し</div>





青の小見出し


______


<div style="border-left:10px solid #ff1493; border-bottom:2px solid #ff1493; padding-left:10px; font-weight:bold;">ピンクの小見出し</div>




ピンクの小見出し


・幅、短め

<div style="border-left:10px solid #ff1493; border-bottom:2px solid #ff1493; padding-left:10px; font-weight:bold;width:400px;">ピンクの小見出し</div>




ピンクの小見出し


______

<div style="border-left:10px solid #ff0000; border-bottom:2px solid #ff0000; padding-left:10px; font-weight:bold;">赤の見出し</div>




赤の見出し



・幅短め

<div style="border-left:10px solid #ff0000; border-bottom:2px solid #ff0000; padding-left:10px; font-weight:bold;width:400px;">赤の見出し</div>




赤の見出し




※カラーコード、#~をお好みで変えてみて下さい。(縦と横の2ヶ所あります)

HTML,CSS カラーコード一覧表 | 背景色や文字色の設定


※width:400px;の数値を変えると横幅を変えられます。(少なくすると、狭くなります。このタグを記入しない場合は、記事幅と同じになります。)



もう少し、色々やってみようと思いましたが、面倒くさくなったので、やめます。(汗)


参考になれば、うれしいのですが・・


ブィブィ(((( ;°Д°))))

ワンタンさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ

Amebaトピックス