線上書籍

Home

[1001]XOOPS網站門面專業設計

 

一、區塊常用設定(區塊泛指<div><p>等標籤)

  1. 尺寸:width:寬度px; height:高度px; (亦可用 80% 這樣的呈現方式)
  2. 邊框:border: 1px solid #FF0000; (粗細 框線類型 顏色)
  3. 外邊界:margin: 10px auto 20px auto(上 右 下 左)←就是順時針
  4. 內間距:padding: 5px;
  5. 內容文字:font-size: 12px; line-height:150%; text-align: justify;

二、top(上)、right(右)、bottom(下)、left(左)

  1. 凡是有上右下左的屬性,都可以分開寫。例如 border、margin、padding等屬性。
  2. margin-top:10px; padding-bottom:15px;

三、背景

  1. 背景顏色background-color: white; (比背景圖更底層)
  2. 背景圖background-image:url(圖檔位置)
  3. 重複方式background-repeat: repeat( 重複 ) , repeat-x(水平重複), repeat-y(垂直重複), no-repeat(不重複)
  4. 背景附著background-attachment: scroll( 捲 動 ) , fixed(固定), inherit(繼承)
  5. 背景位置background-position: 水平(left, center ,right) 垂直(top, center,bottom) 或 x% y% 或 x位置 y 位置
  6. 集合型寫法background: 顏色 底圖 重複 附著 位置; ,如:background: