ブロックの確認と修飾

プログラムコード表示でHTMLデビューしたので、今日はブロックの修飾機能の確認です。今後に生きるかはわかりませんが。。

• まずは段落の範囲から

  
   今日も眠い 
  

  今日も眠い

• ボックスの幅指定

  
   今日も眠い 
  

  今日も眠い

• ボックスの背景指定

  
   今日も眠い 
   明日も眠いだろうなぁ
  

  今日も眠い
  明日も眠いだろうなぁ

• ボックスの背景表示エリア

  
   今日も眠い 
   明日も眠いだろうなぁ
  

  今日も眠い
  明日も眠いだろうなぁ

• ボックスの罫線(破線)

  
   今日も眠い 
   明日も眠いだろうなぁ
  

  今日も眠い
  明日も眠いだろうなぁ

• ボックスの罫線(角丸)

  
   今日も眠い 
   明日も眠いだろうなぁ
  

  今日も眠い
  明日も眠いだろうなぁ

• ボックスの罫線(シャドウ)

  
   今日も眠い 
   明日も眠いだろうなぁ
  

  今日も眠い
  明日も眠いだろうなぁ

• ボックスの罫線(シャドウ＋ぼかし)

  
   今日も眠い 
   明日も眠いだろうなぁ
  

  今日も眠い
  明日も眠いだろうなぁ

• 画像に合わせたボックス表示

  

• ボックスに合わせた画像表示