HTMLのみで文章の背景にかわいい背景を簡単に設定する方法【A8.netファンブログ向け保存版】: アフィリエイト専科

2020年06月14日

HTMLのみで文章の背景にかわいい背景を簡単に設定する方法【A8.netファンブログ向け保存版】

https://www.affiliatesenka.com/

ファンブログの文章にHTMLのみでかわいい背景を簡単に設定する方法

文章(ブログ)を書く上で、読みやすさや文字の強調などを考え装飾文章を作成したいと思いますよね！

読む側からしたら読みやすい、見やすい文章の方が最後まで読んでくれる事が多いです。
また他人のブログより目立つブログにしたい！カッコ良く装飾してみたい！って思った事があると思います。

そこで、誰でも簡単にかわいらしい背景を設定できるHTMLコードを紹介したいと思います。

HTMLのみでドット柄【コピペOK】

<div style="background-image: linear-gradient( -45deg, #ffffff 25%, #99ffcc 25%,#99ffcc 50%, #ffffff 50%, #ffffff 75%, #99ffcc 75%, #99ffcc );background-size: 20px 20px;font-size: 14px; padding: 10px;"> ここにテキスト
</div>

ドット柄背景

ここにテキスト

HTMLのみで斜線柄【コピペOK】

斜線柄背景

ここにテキスト

コードにある#〇〇〇〇〇〇や〇〇pxの〇部分を変えるだけで自分好みに設定変更が可能です。

設定変更したら、一度記事に貼り付けプレビューで確認しながら背景色やフォントサイズを変更してみてください。

早速背景柄を使った文章を書いて見ましょう！

色の変更はカラーコード一覧を参考に↓↓↓
http://www.netyasun.com/home/color.html

実際に文章を書くとこんな感じになります。自分の個性を生かしたブログにしてみてください！

CSS&HTMLを分かりやすく解説した本

【このカテゴリーの最新記事】

posted by シマ at 18:08 | Comment(0) | TrackBack(0) | プログラム

この記事へのコメント

コメントを書く

この記事へのトラックバックURL
https://fanblogs.jp/tb/9933148
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック

日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30