http://weblibrary.s224.xrea.com/weblog/css/cat15/456bereastreet....
HTMLソースレベルではこれが分かりやすいと思います。
引用元のテンプレサイト
http://www.netmania.jp/templates/deco_css.php
とりあえずこれ↓をコピペしてhtmlに貼り付けて保存してみてください。ボックスができます。
<div style="padding:5px;border-color:#009900;border-width:1px;border-style:solid;height:50px;width:80px;">TEXT<br>TEXT<br></div>
説明は以下の通り。(分かりやすいように意訳してます)
<div style=" ←ここから四角(ボックス)が始まります padding:5px; ←枠と中身のスペース。テーブルのセル余白みたいな。 border-color:#990000; ←枠の色 border-width:1px; ←枠の太さ border-style:solid; ←枠の種類solidは直線、点線ならdotted height:50px; ←ボックスの高さ width:80px;"> ←ボックスの横幅 TEXT<br>TEXT<br> ←ここに中身 </div> ←ボックスはここで終わりです。
ありがとうございます。参考になります。
スタイルシートによる崩れない2カラム・3カラムデザイン
http://desperadoes.biz/style/dan/index.php
サンプルもあります。いつもここを参考にしています。
ありがとうございます。参考になります。
ありがとうございます。参考になります。