文章の大きさ・色・背景を変える
こちらは、BiNDタグ辞典を元に作成しました。
HTMLタグ機能もありますが、これは1行ずつ設定する必要があるし、一行のうち、一部分だけ使いたい時には活用できないようです。
このHTMLタグ機能は使わない管理者
なのでカスタムタグを活用
カスタムタグを活用して、文章内にスタイルシートを各々活用して文字の大きさを変えれるようになっているのです。
スタイルシートについては、こちらを参考にどうぞ
文字を太字にする
<strong>文字を太字にする</strong>
文字色を赤くする
<span style="color: #FF2D00;">文字色を赤くする</span>
文字色を青くする
<span style="color: #6F8AF5;">文字色を青くする</span>
文字色を緑にする
<span style="color: #67C54B;">文字色を緑にする</span>
文字色を黄にする
<span style="color: #E7F53D;">文字色を黄にする</span>
文字色を白にする
<span style="color: #FFFFFF;">文字色を白にする</span>
文字の背景に色を付ける
<span style="padding: 2px 2px 2px 2px; background-color: #6F8AF5;">文字の背景に色を付ける</span>
文字に枠を付ける
<span style="border: 1px #B4B4B4 solid; padding: 2px 2px 2px 2px; ">文字に枠を付ける</span>
文字を大きくする
<span style="font-size:15pt;">文字を大きくする</span>
組み合わせ編
文字を太字にして赤字にする
<span style="color: #FF2D00;"><strong>文字を太字にして赤字にする</strong></span>
文字を大きくして青色にする
<span style="font-size:15pt;color:#6F8AF5;">文字を大きくして青色にする</span>
背景を赤にして文字を白字にする
<span style="padding: 2px 2px 2px 2px; background-color: #FF2D00;color:#FFFFFF;">背景を赤にして文字を白字にする</span>
背景を青にして文字を白字にする
<span style="padding: 2px 2px 2px 2px; background-color: #6F8AF5;color:#FFFFFF;">背景を青にして文字を白字にする</span>
背景を緑にして文字を白字にする
<span style="padding: 2px 2px 2px 2px; background-color: #67C54B;color:#FFFFFF;">背景を緑にして文字を白字にする</span>
背景をオレンジにして文字を白字にする
<span style="padding: 2px 2px 2px 2px; background-color: #FFB443;color:#FFFFFF;">背景をオレンジにして文字を白字にする</span>
背景をグレーにして文字を白字にする
<span style="padding: 2px 2px 2px 2px; background-color: #606060;color:#FFFFFF;">背景をグレーにして文字を白字にする</span>
応用編（オマケ）
点線で囲む
<span style="border: 1px #6a6a6a dashed; padding: 5px 15px 5px 15px;">点線で囲む</span>
タイトル風にする
<span style="font-size:12pt;color: #6F8AF5; border-top: 3px #6F8AF5 double; border-right: none; border-bottom: 3px #6F8AF5 double; border-left: none; padding: 5px 200px 5px 5px;">タイトル風にする</span>
<a href="http://ここにURLを記述" target="_blank"><span style="color: #FFFFFF; border: 1px #6a6a6a solid; padding: 5px 15px 5px 15px; background-color: #88beba;">ボタン風にする</span></a>
HOME