Jimdoウェブデザイン
画像を枠線で囲む

Jimdoでは既存のコンテンツ「画像」を使うことで、簡単に画像を設置できます。

画像を拡縮したり、位置を揃えたりする機能はメニューにありますが、画像を枠線で囲むにはヘッダーにCSSコードを記述します。

手順

1. コンテンツ「画像」で画像を設置する。

2. 管理メニューの「基本設定」から「ヘッダー編集」を開いて、下記コードをペーストします。
<style type="text/css">

img {
  border: solid 1px black;
}

</style>

3. 保存完了を押して、完成。

ペーストしたコードの解説

<style type="text/css">・・・</style>の・・・はデザインを指定するエリアで、ここにデザイン情報（CSSコード）を記述します。

img{・・・・}の・・・に、画像（img）に対するデザインを指定します。

border: solid 1px black;について、borderは枠線、solidはその枠線の種類を、1pxはその枠線の太さを、blackはその枠線の色を指定しています。

solid は「単線」を表しますが、次のように変更することもできます。

blackは要するに黒ですが、次のようにカラーネームまたはカラーコード（16進数）で指定することもできます。

そして、枠線を太くしたければpxの数字を大きく、細くしたければpxの数字を小さくします。