【入門】CSS常用屬性及參數

作者：Hey│2007-12-13 14:01:34│巴幣：0│人氣：503

在正式教學中，常會在標籤裡，作屬性和數值的修改
有些是改背景，改文字，改邊框．．
重複性太高，於是專門整理成一篇。

文字相關：

font-family　設定字型種類，類別裡面要加" "
例:font-family:"細明體,標楷體,Time new roman"

font-style　例:font-style:italic　
italic　斜體
oblique　偏斜體

font-weight　例:font-weight:bold　
bold　粗體
bloder　特粗體

font-size　例:font-size:12px
12px　一般網頁的字型大小
13px　巴哈預設字型大小

text-decoration　設定文字裝飾　例:text-decoration:underline
underline　底線
line-through　刪除線
none 表示不設定
overline　上端線

text-align　設定文字對齊方式　例:text-align:left
left　表示靠左對齊
right　表示靠右對齊
center　表示置中
※這項是設定在表格中的文字，前幾項是整體文字。

顏色與背景相關：

顏色可用在文字，表格內，而背景只能用在表格內。
有關詳細色碼將在"【入門】字型顏色參數表"專門介紹。。

color　設定文字顏色　例:color: #FF0000 ;color: red
background-color　設定背景顏色　例:同前項
background-image　設定背景圖案　例:background-image: url(http://圖片網址)
background-position　設定圖片在表格中位置　
background-position-x　從左上角算起
background-position-y　從左上角算起
參數可以是百分比(%)，數值(px)，top(頂端)，center(置中)，bottom(最下)
例:background-position:Opx Opx

background-repeat　背景圖是否重複　
參數可以是no-repeat(不重複)，repeat(重複)，x-repeat(x方向重複)，y-repeat，(y方向重複)
例:background-repeat:no-repeat

background-attachment　背景圖是否固定，不隨捲軸捲動而跟著移動
參數可以是fixed(固定)，scroll(隨捲軸捲動)
例:background-attachment:fixed

表格相關：

border-top　上邊框
border-right　右邊框
border-bottom 左邊框
border-left　下邊框

參數：
邊框樣式　none(無)，solid(實線)，dotted(虛線)
邊框粗細　5pt，10pt，15pt...
邊框顏色　blue，#0000FF...
例:border-top:#cccccc 1px solid　表示上邊框是灰色實線，一個像素粗(巴哈預設情形)

HEIGHT　表格高度，在小屋只會動到高度，故其餘不再介紹
例:HEIGHT: 35px　這是小屋書籤列(個人部落閣，精華區等)的預設高度

喜歡收藏引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=975097
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：|CSS|