[1001]XOOPS網站門面專業設計
一、區塊常用設定(區塊泛指<div><p>等標籤)
- 尺寸:width:寬度px; height:高度px; (亦可用 80% 這樣的呈現方式)
- 邊框:border: 1px solid #FF0000; (粗細 框線類型 顏色)
- 外邊界:margin: 10px auto 20px auto(上 右 下 左)←就是順時針
- 內間距:padding: 5px;
- 內容文字:font-size: 12px; line-height:150%; text-align: justify;
二、top(上)、right(右)、bottom(下)、left(左)
- 凡是有上右下左的屬性,都可以分開寫。例如 border、margin、padding等屬性。
- margin-top:10px; padding-bottom:15px;
三、背景
- 背景顏色background-color: white; (比背景圖更底層)
- 背景圖background-image:url(圖檔位置)
- 重複方式background-repeat: repeat( 重複 ) , repeat-x(水平重複), repeat-y(垂直重複), no-repeat(不重複)
- 背景附著background-attachment: scroll( 捲 動 ) , fixed(固定), inherit(繼承)
- 背景位置background-position: 水平(left, center ,right) 垂直(top, center,bottom) 或 x% y% 或 x位置 y 位置
- 集合型寫法background: 顏色 底圖 重複 附著 位置; ,如:background: