HTMLのお勉強HTML編集画面を使って、簡単な枠をつける方法を紹介します。HTMLに直接CSSを加えることで、外枠をつけて、このようにいろいろアレンジできます。ご要望にお応えしてバリエーションを増やしました。スクロールするとHTMLを確認いただけます。枠内で改行したい場合は、Shiftを押しながら改行してください。<br>タグが挿入されます。※Shiftを押さないと、<p></p>タグになり、枠が2つできちゃったりしますのでご注意を。変更方法HTMLが編集できる画面(HTMLソースエディタ)に切り替えます。下記のHTMLソースを“コピペ”して使ってください。#333333;">ここに文字を入力する。#333333;">ここに文字を入力する。#333333;">ここに文字を入力する。#333333;">ここに文字を入力する。5px;">ここに文字を入力する。5px;">ここに文字を入力する。10px;">ここに文字を入力する。10px;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffff99;">ここに文字を入力する。#ffffff;">ここに文字を入力する。#ffffff;">ここに文字を入力する。#ffffff;">ここに文字を入力する。#ffffff;">ここに文字を入力する。#ffffff;">ここに文字を入力する。#ffffff;">ここに文字を入力する。#ffffff;">ここに文字を入力する。#ffffff;">ここに文字を入力する。」を例に,解説します。線の色や、幅のバリエーションをつけたい場合、参考にしてください。#ffffff;">ここに文字を入力する。paddingは、枠の内側の余白です。これは、10px内側に余白を入れています。数値の大小で、余白の幅が変更できます。marginは、枠の外側の余白です。margin-bottomだと、枠の下の余白です。数値の大小で、余白の幅が変更できます。borderは、線の指定です。これは、線の太さ1px、線の種類がdotted、線の色が#333333となります。線の太さは、数字の大小で変更します。線の種類は、丸い点線が「dotted」、波線が「dashed」、直線が「solid」、二重線が「double」です。線の色の指定は、こちらのページをご参考ください。border-radiusは、角丸指定。角丸の半径が5pxとなります。数字の大小で角丸の大きさが変わります。※但し、この指定はブラウザ環境で角丸にならない場合もあります。background-colorは、背景色の指定です。色指定は、こちらのページをご参考ください。colorは、文字色の指定です。色指定は、こちらのページをご参考ください。順に角丸の半径を変更することができます。0は、角丸なしの意味。ここに文字を入力する文字を2行以上入れたい時は?二行以上文字を入れたい場合。ここに文字を入力する。/>を使って、文字を改行します。#333333;">ここに文字を入力する。/>3行目</div>文字のセンタリングをしたい場合は?文字のセンタリングをしたい場合。ここに文字を入力する。text-align:center;">ここに文字を入力する。続きを読むJimdoは、次々と機能が追加されるため、内容が古い場合があります。Jimdo公式ヘルプとあわせてご参考ください。編集Jimdoあなたもジンドゥーで無料ホームページを。Cookie(クッキー)を利用しています。ホームページのユーザー体験や質を向上することに役立ちます。ポリシーに同意したことになります。