|
CSS 文字屬性 |
||
|
color : #999999 |
文字顏色 |
|
|
font-family : 宋體,sans-serif |
文字字體 |
|
|
font-size : 9pt |
文字大小 |
|
|
font-style:itelic |
文字斜體 |
|
|
font-variant:small-caps |
小字體 |
|
|
letter-spacing : 1pt |
字間距離 |
|
|
line-height : 200% |
設置行高 |
|
|
font-weight:bold |
文字粗體 |
|
|
vertical-align:sub |
下標字 |
|
|
vertical-align:super |
上標字 |
|
|
text-decoration:line-through |
加刪除線 |
|
|
text-decoration:overline |
加頂線 |
|
|
text-decoration:underline |
加下劃線 |
|
|
text-decoration:none |
刪除鏈接下劃線 |
|
|
text-transform : capitalize |
首字大寫 |
|
|
text-transform : uppercase |
英文大寫 |
|
|
text-transform : lowercase |
英文小寫 |
|
|
text-align:right |
文字右對齊 |
|
|
text-align:left |
文字左對齊 |
|
|
text-align:center |
文字居中對齊 |
|
|
text-align:justify |
文字分散對齊 |
|
|
vertical-align屬性 |
||
|
vertical-align:top |
垂直向上對齊 |
|
|
vertical-align:bottom |
垂直向下對齊 |
|
|
vertical-align:middle |
垂直居中對齊 |
|
|
vertical-align:text-top |
文字垂直向上對齊 |
|
|
vertical-align:text-bottom |
文字垂直向下對齊 |
|
|
|
|
|
|
CSS 符號屬性 |
||
|
list-style-type:none |
不編號 |
|
|
list-style-type:decimal |
阿拉伯數字 |
|
|
list-style-type:lower-roman |
小寫羅馬數字 |
|
|
list-style-type:upper-roman |
大寫羅馬數字 |
|
|
list-style-type:lower-alpha |
小寫英文字母 |
|
|
list-style-type:upper-alpha |
大寫英文字母 |
|
|
list-style-type:disc |
實心圓形符號 |
|
|
list-style-type:circle |
空心圓形符號 |
|
|
list-style-type:square |
實心方形符號 |
|
|
list-style-image:url(/dot.gif) |
圖片式符號 |
|
|
list-style-position:outside |
凸排 |
|
|
list-style-position:inside |
縮進 |
|
|
|
|
|
|
CSS 背景樣式： |
||
|
background-color:#F5E2EC |
背景顏色 |
|
|
background:transparent |
透視背景 |
|
|
background-image : url(/image/bg.gif) |
背景圖片 |
|
|
background-attachment : fixed |
浮水印固定背景 |
|
|
background-repeat : repeat |
重複排列-網頁默認 |
|
|
background-repeat : no-repeat |
不重複排列 |
|
|
background-repeat : repeat-x |
在x軸重複排列 |
|
|
background-repeat : repeat-y |
在y軸重複排列 |
|
|
指定背景位置 |
||
|
background-position : 90% 90% |
背景圖片x與y軸的位置 |
|
|
background-position : top |
向上對齊 |
|
|
background-position : buttom |
向下對齊 |
|
|
background-position : left |
向左對齊 |
|
|
background-position : right |
向右對齊 |
|
|
background-position : center |
居中對齊 |
|
|
|
|
|
|
CSS鏈接屬性 |
||
|
a |
所有超鏈接 |
|
|
a:link |
超鏈接文字格式 |
|
|
a:visited |
瀏覽過的鏈接文字格式 |
|
|
a:active |
按下鏈接的格式 |
|
|
a:hover |
鼠標轉到鏈接 |
|
|
鼠標光標樣式 |
||
|
ie(cursor: hand) firefox(cursor:pointer) |
鏈接手指 |
|
|
cursor:crosshair |
十字體 |
|
|
cursor:s-resize |
箭頭朝下 |
|
|
cursor:move |
十字箭頭 |
|
|
cursor:e-resize |
箭頭朝右 |
|
|
cursor:help |
加一問號 |
|
|
cursor:w-resize |
箭頭朝左 |
|
|
cursor:n-resize |
箭頭朝上 |
|
|
cursor:ne-resize |
箭頭朝右上 |
|
|
cursor:nw-resize |
箭頭朝左上 |
|
|
cursor:text |
文字I型 |
|
|
cursor:se-resize |
箭頭斜右下 |
|
|
cursor:sw-resize |
箭頭斜左下 |
|
|
cursor:wait |
漏斗 |
|
|
p{cursor:url("光標文件名.cur"),text;} |
光標圖案(IE6) |
|
|
|
|
|
|
CSS 邊框屬性 |
||
|
border-top : 1px solid #6699cc |
上框線 |
|
|
border-bottom : 1px solid #6699cc |
下框線 |
|
|
border-left : 1px solid #6699cc |
左框線 |
|
|
border-right : 1px solid #6699cc |
右框線 |
|
|
以上是建議書寫方式，但也可以使用常規的方式，如下 |
||
|
border-top-color : #369 |
設置上框線top顏色 |
|
|
border-top-width :1px |
設置上框線top寬度 |
|
|
border-top-style : solid |
設置上框線top樣式 |
|
|
其他框線樣式 |
||
|
solid |
實線框 |
|
|
dotted |
虛線框 |
|
|
double |
雙線框 |
|
|
groove |
立體內凸框 |
|
|
ridge |
立體浮雕框 |
|
|
inset |
凹框 |
|
|
outset |
凸框 |
|
|
|
|
|
|
CSS 表單屬性 |
||
|
<input type="text" name="T1" size="15"> |
文字方塊 |
|
|
<input type="submit" value="submit" name="B1"> |
按鈕 |
|
|
<input type="checkbox" name="C1" > |
複選框 |
|
|
<input type="radio" value="V1" checked name="R1"> |
單選按鈕 |
|
|
<textarea rows="1" name="1" cols="15"></textarea> |
多行文本域 |
|
|
<select size="1" name="D1"><option>選項1</option>
|
列表選項：
|
|
|
|
|
|
|
CSS 邊界樣式 |
||
|
margin-top:10px |
上邊界 |
|
|
margin-right:10px |
右邊界值 |
|
|
margin-bottom:10px |
下邊界值 |
|
|
margin-left:10px |
左邊界值 |
|
|
|
|
|
|
CSS 邊框空白 |
||
|
padding-top:10px |
上邊框留空白 |
|
|
padding-right:10px |
右邊框留空白 |
|
|
padding-bottom:10px |
下邊框留空白 |
|
|
padding-left:10px |
左邊框留空白 |
|
