10. 絶対・相対配置ボックスの作成

3. ボックスの罫線と間隔の設定

フロートされたボックスに枠線をつける方法を解説します。ここでは、左側にのみ、1ピクセルの実線を引き、罫線のまわりの間隔を10ピクセル空けるように設定します。

1. CSSスタイルの一覧の中から、フロートされたボックス、「#sidebar」を右クリックし、［スタイルの変更］をクリックします。
2. ［スタイルの変更］ダイアログの［枠線］カテゴリを開きます。
3. border-style及びborder-widthにはいずれも「すべてに同じ数値を使用する」のチェックをはずします。
4. border-style値の［left］欄に「solid」を選択します。
5. border-width値のleft欄に「1px」と指定します。
   
6. ［ボックス］カテゴリを開きます。
7. padding（間隔）とmargin（マージン）のいずれも、「すべてに同じ数値を使用する」のチェックをはずします。
8. それぞれ、［left］値に、10pxと指定します。
9. ［OK］ボタンをクリックします。
   
10. 罫線が引かれ、スタイルが設定されました。
    

• 11. 見出しや段落のデザイン設定

問題は解決しましたか？

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください！

▲このページのトップへ