CSS文字、背景、表格、display

文字

屬性 說明
color 設定文字顏色
text-align 設定文字對齊:right、center、left
font-size 設定文字大小
font-weight 設定文字加粗
font-family 設定字體
text-decoration 設定文字裝飾:underline、none、overline、line-through

背景

屬性 說明
background 將背景屬性一次設定。
background-color 背景顏色
background-image 背景圖片
background-position 背景圖片位置:center、top、bottom、right、left
background-repeat 背景圖片是否重複:repeat、repeat-x、repeat-y、no-repeat
background-attachment 背景圖片是否固定或滾動:scroll、fixed

background-image

body {background-image: url(/assets/bg.png);}

background-repeat

body {
  background-image: url(/assets/bg.png);
  background-repeat: no-repeat;
}

background-position

body {
  background-image: url(/assets/bg.png);
  background-repeat: no-repeat;
  background-position:center;
}

也可以只用百分比值或長度值。

body {
  background-image: url(/assets/bg.png);
  background-repeat: no-repeat;
  background-position:50px 100px;
}

background-attachment

body {
  background-image: url(/assets/bg.png);
  background-repeat: no-repeat;
  background-attachment:fixed
}

表格

邊框:border

table, td, th
{
  border:1px solid green;
}

display

每個 HTML 元素都有一個預設的 display 值,大部分元素的 display 屬性,預設值通常是 block 或 inline 其中一個。

屬性 說明
none 此元素不會被顯示。
block 此元素將顯示為區塊元素,且前後會帶有換行。
inline 預設。行内元素。
inline-block 行内區塊元素。
list-item 此元素會作為列表顯示。

results matching ""

    No results matching ""