ブログをアレンジしませんか? HTML編集で枠の作成と色変更のやり方!
ブログを書くときに「強調したい」とか
「色を変えたい」とか思いませんか?
少しやり方を調べてみたので、備忘録も兼ねて紹介します。
背景色と囲い線を変更して強調する!
HTML編集には下記の内容を記載してます。
<blockquote style="background-color: #e6e6fa;
padding: 15px 15px 15px 15px;
border: 4px dashed #0000cd;
text-align:center;">
背景色と囲い線を変更して強調する!</blockquote>
それぞれを説明すると
・枠を作る(色などはstyle=””で指定)
<blockquote>
枠を作る(色などはstyle=””で指定)
</blockquote>
・背景色を変更(#e6e6faが色の表記)
<blockquote style="background-color: #e6e6fa;">
背景色を変更(#e6e6faが色の表記)
</blockquote>
・文の周りの余白部分のサイズ指定
<blockquote style="padding: 15px 50px 15px 50px;">
文の周りの余白部分のサイズ指定
</blockquote>
・枠線の形状と色を指定
<blockquote style="border: 4px dashed #0000cd;">
枠線の形状と色を指定
</blockquote>
・文を中央配置
<blockquote style="text-align: center;">
文を中央配置
</blockquote>
ちなみに、1行の場合は<blockquote></blockquote>のみでOK
<blockquote></blockquote>の中に複数行を作成する場合は、
各行を<p></p>で挟みます。
また、枠なしで文を中央配置にするには下記をHTMLに記載します。
・枠なしで文を中央配置
これでブログの強調したい部分などのアレンジができると思うので、
良ければ参考にしてみてください!
【枠の作成、色の付け方など】
【各色の指定】
【文字や画像の中央寄せ】
【枠線の形状指定】