文字傾斜 |
font-style:italic |
|
font-style:oblique |
強制換行 |
文字粗細 |
font-weight:bold |
加粗 |
font-weight:bolder |
比加粗還要粗 |
font-weight:lighter |
默認細線 |
font-weight:100-----900 |
文字粗細9個樣式 |
font-weight:normal |
400樣式 經常使用這種樣式 |
文字大小 |
font-size: 60px |
|
文字字體 |
font-family:"宋體" |
|
文字裝飾 |
text-decoration:underline |
添加下劃線 |
text-decoration:overline |
添加下劃線 |
text-decoration:line-through |
加刪除線(穿過字體) |
文字位置 |
text-align:left |
文字居左(默認) |
text-align:center |
文字居中 |
text-align:right |
文字居右 |
文字向右 |
text-indent:3em |
文字向右縮進 em(空格) |
字間距 |
letter-spacing: px |
|
詞間距 |
word-spacing: px |
|
行間距 |
line-height: px |
|
字母大小寫轉換 |
text-transform:uppercase |
所有換成大寫 |
text-transform:lowercase |
所有換成小寫 |
first-letter{test-text-transform:uppercase} |
首字母換成大寫 |
背景顏色 |
font-size:11.0pt;font-weight:400;font-style:normal;text-decoration:none;text-align:center;vertical-align:middle;mso-protection:locked visible;height:57.00pt;width:162.75pt;" rowspan="4" >背景圖片平鋪 |
background-image:urll(路徑) |
默認平鋪 |
background-repeat:no-repeat |
不平鋪 |
background-repeat:repeat-x |
橫向平鋪 |
background-repeat:repeat-y |
縱向平鋪 |
背景圖片移動 |
background-position: px px |
像素移動 |
background-position:top right |
右上移動 |
background-position:conter |
正中 |
|
|
左下 等等 |
|
background-attachment:fixed |
圖片位置固定不會隨鼠標移動 |
|
background-attachment:scroll |
圖片位置隨鼠標移動 |
|
background-size:cover |
圖片撐滿邊框 |
|
background-size:contain |
圖片大小與邊框一致 |
|
background-size: x% y% |
圖片按比例放大 |
內邊距 |
padding: |
|
外邊距 |
margin: px px px px: |