記事欄に罫線を引くには | ちょっとした「Webお役立ち情報」とかを主に書いてます。

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

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

こんばんは。

記事に各種の罫線(横線)を引く方法を
御案内したいと思います。

渡辺麻友



こんなのとか(↓)




こんなのだったり(↓)

 



エッチタグを使っての方法です。


で、まずは最初に、注意点として、こちらを(↓)

[ブログを書く](記事を書く画面)で[標準エディタ]を採用されている場合には、一旦、[記事を書く]欄の最下部の[HTML表示にする]をクリックしてから、タグコードを書き込んだり、貼り付けたりして下さい。
[タグを非表示にする]をクリックして元に戻すと、どのように表示されるか確認することが出来ます。




こんなタグコードを使います。

<hr width="400" style="border:1px dashed #555555">


ふつう、HTMLのタグコードって、
<開始タグ>~~~<終了タグ>のセットで使われるんですが、
この罫線を表示するためのhrタグは単体で使われます。

たぶん水平線を意味する英語:horizon:からきてるんだと
思います。(違ってたりして・汗)

赤字の箇所が罫線の幅です(多くなると長くなります)。

青字の数字が線の太さです(多くなると太くなります)。

緑字の箇所が線の種類です(上の場合は破線)。

ピンクの箇所が線のカラーコードです(上の場合はオレンジ)。

※他の良く使われる線種。

実線⇒ solid

点線 ⇒ dotted

二重線 ⇒ double
(※二重線の場合は、太さを3より小さくすると、実線になってしまいます。)

※良く使われるカラーコード。

赤⇒ff0000

青⇒0000ff

黄色⇒ffff00

{*[検索]で「カラーコード」と入力すると、
カラーコードを表示してくれるサイトが、たくさん
出て来ます。気に入ったサイトをブックマーク(IEの場合は
「お気に入り登録」)しておくと便利だと思います。}

あと<hr>を記入するだけでも、
こんな罫線を引くことが出来ます(↓)。




参考にして下さいね。


☆ブヒ__v(^_^)v



そぉぉぉ~~~