TeTseng's Blog

感謝K小姐《a類》 ◎【a img 代表圖片(封面)還沒碰到滑鼠的時候】 ◎【a:hover 代表滑鼠碰到之後才會顯示的效果】 ========================================================================= 《b類》 ◎【border 邊緣】 ◎【border-style 邊框樣式】 ┌一般常用線條:solid(實心線)、dotted(點)、dashed(短線)、double(雙實線) ※樣式┤ └立體效果線條:groove(立體內凸框)、ridge(立體浮凸框)、inset(凹框)、outset(凸框) ◎【background-image 背景圖】 ◎【background-color 背景色】 ※transparent(穿透) ◎【background-repeat 背景圖重複並排的設定】 ※repeat(並排預設)、repeat-x(往右並排)、repeat-y(往下並排)、no-repeat(不並排) ◎【background-attachment 背景圖是否固定設定】 ※scroll(跟著滾軸跑)、fixed(固定背景不動) ◎【background-position 指定背景圖片位置】 ※x%(往右移)、y%(往下移)、top(上,即y=0)、center(置中,即x=50,y=50)、bottom(下,即y=100)、left(左,即x=0) ========================================================================== 《c類》 ◎【color 顏色】 《d類》 《e類》 ========================================================================== 《f類》 ◎【font-family 字型種類】 ※細明體, 標楷體, Time new roman, arial, serif, san-serif ◎【font-style 字型樣式】 ※normal(正常體)、italic(斜體) ◎【font-weight 文字粗細】 ※normal(正常體)、bold(粗體) ◎【font-size 字型大小】 ========================================================================== 《g類》 ========================================================================== 《h類》 ◎【height 高度】 ========================================================================== 《i類》 《j類》 《k類》 ========================================================================== 《l類》 ◎【line-height 行距】 ※用百分比值表示，舉例: {line-height:120%;} ◎【letter-spacing 字母間距】 ========================================================================== 《m類》 ◎【margin (邊界.設定邊界距離)】 ◎【margin-left 向左縮排】 ========================================================================== 《n類》 ========================================================================== 《o類》 ◎【opacity 亮度】 ========================================================================== 《p類》 ◎【padding (留白.設定填補空間)】 ◎【position 位置】 ========================================================================== 《q類》 《r類》 《s類》 ========================================================================== 《t類》 ◎【text-decoration 文字裝飾】 ※none(連結無底線)、underline(連結加底線)、overline(連結加刪除線)、linethrough(連結加頂線)、blink(連結閃爍) ◎【text-transform 文字轉換】 ※none(不做任何轉換)、capitalize(將每個字的第一個字母轉換成大寫)、uppercase(將所有字母轉換成大寫)、lowercase(將所有字母轉換成小寫) ◎【text-align 文字對齊】 ※left(靠左對齊)、right(靠右對齊)、justify(左右對齊)、center(置中) ◎【text-indent 首行內縮】 ========================================================================== 《u類》 ========================================================================== 《v類》 ◎【visibility 顯示】 ========================================================================== 《w類》 ◎【word-spacin 文字字距】 ◎【width 寬度】 ========================================================================== 《x類》 《y類》 ========================================================================== 《z類》 ◎【z-index 層數】 ========================================================================== ※把〝float:right;〞放進〝#wrapper〞中 修改留言板滴背景等同修改相本滴背景 ~把相本往右移 好用的色碼表=>http://www.aoiweb.com/aoi2/jikken.htm?COLO1=666666 綠: #99ff99 藍: #99ccff 黃: #ffff66 橘: #ffcc66