:::

7. CSS於區塊的應用

 

一、區塊常用設定(區塊泛指<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:

:::

搜尋


書籍目錄

展開 | 闔起

線上使用者

22人線上 (8人在瀏覽線上書籍)

會員: 3

訪客: 19

eaouyuan_goo, leebuyer_goo, person100_goo,

更多…