平凡を嫌う男の平凡な毎日と、じゃんぐる公園の攻略法

2008年02月16日

罫線をHTMLタグで引いてみる

前回の回りこみ解除のHTMLタグが好評だったので、新カテゴリーを作りました。


ここでHTMLタグの勉強をしながら、配布をやってみたいと思っています。


じゃんぐる公園の投稿画面には、多くの機能が並んでいます。


ここを利用する事でHTMLの知識がなくても、色んな編集機能が使えることになっているわけですね。


しかし、ここには用意されていない機能もあるわけで…


その代表的な一つが、罫線です。


滅多に使うことがないのかもしれませんが、あったら便利なHTMLタグですから、編集長、採用の検討をお願いします(笑)


ここでは色々な罫線のHTMLを配布してみますね。


●普通の罫線







●罫線の太さを変える





※5を別の数字に入れ替える事で、太さを変えることが出来ます。もちろん半角英数ですよ。



●罫線の色を変える





※『red』を『blue』や『green』に変えると、色を変更する事が出来ます。


●罫線の長さを決める





※『200』が長さですが、この数値を変更すれば、長さを変えられます。


●太い緑の罫線を200pxの長さで引く





※上記のものを組み合わせた応用です。



上手に活用して、さらに見やすいブログを目指しましょう♪



  
タグ :HTML罫線

Posted by kenji at 13:07Comments(6)TrackBack(0)HTMLのお勉強