注 現在Internet ExplorerやWindows10のMicrosoft Edgeでは
入力が不調です。Google ChromeはOKです。
水平線をHTMLで作成
Jimdoの水平線作成は、問題なく作成できます。しかし、作成した水平線の色などを変更する場合、「スタイル」から線を選択する際に、水平線が「実線」になる位置にポイントしなければならない微妙なマウス操作が必要です。
そこで、コンテンツの「ウィジェット/HTML」からHTMLソースを貼り付けて設定する方法を説明します。
1 各種類のHTMLソースを選択します。
2 「#カラーコード」を下記のカラーコード例から変更します。
また、「1px solod」の数字が、線の太さを示し変更可能です。
3 HTMLソースをコピーして「ウィジェット/HTML」を開き貼り付けます。
なお、貼り付けは、「Ctrl+V」で実行できます。
◎ 直線HTMLソース
<br /><br />
<hr style="border:none; border-top:1px solid #カラーコード;
height:1px;">
<br /><br />
◎ 点線HTMLソース
<br /><br />
<hr style="border:none; border-top:1px dotted #カラーコード;
height:1px;">
<br /><br /
◎ 破線HTMLソース
<br /><br />
<hr style="border:none; border-top:1px dashed #カラーコード;
height:1px;">
<br /><br />
◎ 二重線HTMLソース
<br /><br />
<hr style="border:none; border-top:3px double #カラーコード;
height:1px;">
<br /><br />
◎
二重線HTMLソース(余白を狭くしたもの)
<br /><br />
<hr style="border-bottom: 3px double #0000ff; width: 100%; margin:-40px 0;" />
<br /><br />
◆ カラーコード例(上記「カラーコード」の位置に貼り付けます。)
黒 #000000 赤 #FF0000 桃色 #FF69B4 紫 #EE82EE
茶 #A52A2A 青 #0000FF 水色 #00FFFF 黄色 #FFFF00