黒枠に白文字を書く

ページの作り方：
１．bloggerの作成に白文字にしたい文字をコピペする。次に、
２．bloggerのHTMLをクリックし上部に<!DOCTYPE html>～<div class="sample">までをコピペする。
３． <div class="sample">
ここに文字を書くと黒枠の中に白文字が書ける。
    　</div>
４．●ここは通常の文字になる。
５． <div class="sample">
ここに文字を書くと２回目の黒枠の中に白文字が書ける。
    　</div>
３．そして、</div>の次に </body>～</html>を追加し終了する。
４．プレビューで確認後、OKなら保存をクリックする。

 +++++++++++++++++++++++++++++++++++
<html>
  <head>
    <style type="text/css">
       div.sample {
       color: white;
       background-color: black;
       }
    </style>
  </head>
  <body>
    <div class="sample">
ここに文字を書くと黒枠の中に白文字が書ける。
    </div>
●ここは通常の文字を書く。
    <div class="sample">
2回目の黒枠の中に白文字が書ける。
    </div>
  </body>
</html>
+++++++++++++++++++++++++++++++++++

構文は以下のとうりで、任意の枠と文字の色が指定できる。
<html>～<body>までをコピペする。
<div class="sample">文字</div>
<div class="sample">２回目の文字</div>
  </body>
</html>
で終了。
<style type="text/css">下の
color: white;＜-------------文字の色
background-color: black; ＜--枠の色

このやりかたで作成したページの例：