寒川町社協パソコンボランティア

寒川町社協パソコンボランティアのブログです。

Jimdoの使い方 テキストを枠(罫線)で囲む

2021-10-13 16:13:36 | Jimdoの使い方

テキストを枠(罫線)で囲む方法は表と文章(html)があります
表で囲む方法は→[表で囲む方法]
html/cssを知っている人は文章(html)を使ってテキストを罫線で囲むことができます→[文章(html-border)で囲む方法]

 

表で囲む方法
(1)表を挿入
表は「その他のコンテンツ」の中にあります。「その他のコンテンツ」は「…その他のコンテンツ&アドオン」をクリックすると開きます。


(2)不要な行・列を削除


(3)罫線のサイズ(太さ)、枠の色を指定


(4)テキストを記入


(5)完了

 

文章(html-border)で囲む方法
(1)文章を挿入
(2)テキストを記入
(3)</>(htmlを編集)をクリック


(4)罫線で囲みたいテキストのpタグ(段落)に「style="border:スタイル 太さ 色;"」を追加。

枠(罫線)のスタイルをstyle="border: solid 1px #666666;"で作った例


(注)複数のpタブを一つの罫線で囲む場合は、pをbrへ変えます。
pをbrへ変えることができない場合はdivで囲み、divでborderを定義します。
(5)完了