AQUARIUM AATブログ

AATとはAquarium Amuse Taishiの訳

ここでお知らせを書きます。
ここでお知らせを書きます。

【すごく簡単】囲み枠の作り方。 簡単に画像を使って説明! 

 
 



 
タイシ
こんにちはAQUARIUM AATブログのタイシです。
 

 

今回は

www.fuji-blo.com

フジブロっさんにお世話になります

 

今回は↓(これ)

内容

について記事にしていきます。

 

では早速始めましょうー。

 
 
目次
  • 囲み枠の作り方を画像を使って説明
  • 囲み枠のHTML

 

囲み枠の作り方を画像を使って説明          

 

 

 

 

囲み枠を記事に入れる方法は定型文を使います。

 

記事を書くをおします。

そして

編集サイドバーの下の方に定型文貼り付けがあります。

その後

このように定型文はりつけをオンにします

そしたらこのようなアイコンが出ます。

これをクリックしてください。

クリックするとこのような画面が表示されるので定型文を作成するボタンを押してください。

押すとこのような画面になります。

この大きな四角の中にHTMLをいれます。

 

囲み枠のHTML                           

先ほど説明した大きな四角にいれるHTMLを書きます。

タイトルには囲み枠と書きましょう。

       

<div style="padding: .5em 1em; margin: 2em 0; border: solid 2px #333333; background: #ffffff; box-shadow: 4px 4px 0 #cacaca;"> <p style=" margin: 0; padding: 0; ">内容</p></div><p></p>

これを入れたら完成です。

 

 

 

最後に                       

タイシ
フジブロっさん今日はほんとにありがとうございました。フジブロっさんは他にも色々な囲み枠のHTML紹介しているのでぜひみてみるといいですよ。
 
 
見てみます!
 
お悩みくん

 

 

トップページ