CSS排版-静宜大学资讯学院.PPTVIP

CSS排版：盒子模式 靜宜大學 資管系 楊子青 The CSS Box Model 練習實例：pucsim_intr.htm !DOCTYPE html html lang=zh-TW head title靜宜資管特色/title meta charset=utf-8 style type=text/css div { color: blue; font-family: 標楷體; } #csim1 { background-color: yellow; margin-top: 10px; margin-bottom: 20px; margin-left: 30px; border-style: double; border-width: 5px; padding-top: 20px; padding-left: 50px; width: 500px; height: 30px; } 大綱 邊界 邊框 邊界留白 定位 1. 邊界 (Margin) 設定四個邊界，例如： margin-top:100px; (上邊界) margin-right:50px; (右邊界) margin-bottom:100px; (下邊界) margin-left:50px;