アメブロで文字を囲むには(囲み線) | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンインストラクターの川上雄大です。

 

 

ワードでは、文中の文字をこのように囲むことが簡単にできる(囲み線)のですが、

 

 

アメブロでは、どこで?

 

 

 

な、な、ない・・・

 

 

そういう時は、HTMLタグで入れてあげるとできます~!

 

HTML表示」に切り替えて、

 

 

 

<p>ワードでは、文中の文字を<span style="border: 1px solid #000">このように囲むこと</span>が簡単にできるのですが、</p>

 

 

 

 

と、囲みたい文字を、

 

<span style="border: 1px solid #000">囲みたい文字</span>

 

とするとよいですね。

 

 

なお、このHTMLタグ↓にすると、

 

<div style="border: 2px solid #000">こんな囲み方</div>

 

こんな感じになります。

 

こんな囲み方

 

 

なお、

 

1px、2pxの数字を変えると、線の太さが変わります。

 

線の種類は、

 

One Point!
実線 → solid
点線 → dotted
破線 → dashed
二重線 → double
線なし → none

 

になります。

 

#000(黒)のカラーコードを変えると、色が変わります。

 

 

 

どうぞ、HTMLタグを使う練習をしてみてくださいませ~!

 

 


以上、HTMLタグでした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大