タイトル付罫線をHTMLで入れる

見出しを付けると、見やすくなりますよね。『難しそう!』言われますが、意外に簡単に見栄え良くできます。

 

私も使っています。パソコンで作っても、きちんとスマホ対応になっているからいいですね。

 

以下のような見出しの作り方をご紹介します。

 

 

 

お知らせ

 

 

 

 以下(赤枠の中)のタグをコピーして、文章のHTMLを開いて貼り付けます。そして、OKを押して元の画面に戻ります。

 

お知らせの後ろのカーソルを持っていき、Back Spaceキーで文字を消して使いたい言葉を入れて完成です。

 

 HTMLを張り付けた時に、赤字のお知らせのところを、自分の使いたい言葉に変えて貼り付けてもらってもOKです。

 

間違えても、普通の文字入力画面で修正できます。

 

 

 

<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">お知らせ</div>

 

 

 

散々失敗して、凄い時間をかけても思うように進まなかった私の経験から、あなたがこれ以上無駄な時間を使わず済むように、少しでもお役に立てればと思い記事を書いています。

 

これを読んでも自分ではできない。と困っている人は、お問合せからご連絡くださいね。

 

お知らせ

 

お問合せはこちらから