☼ 歡迎光臨!麻煩把跟文章無關的留言(或問題)留在留言板,請勿用注音文,謝謝。科學相關文章或交流歡迎到臉書頁(見右欄)。
這篇是介紹一些基本常用的CSS語法。



 背景部份

background-color: #______; 背景顏色

background: transparent; 透明背景 

background-image: url('圖片網址'); 設定背景來源 

background-repeat: repeat, repeat-x, repeat-y, no-repeat; 設定視窗背景佈滿的方式 

background-attachment: fixed (固定), scroll (捲動); 設定視窗背景固定或隨捲軸捲動

background-position: (x% y%); 設定視窗背景的位置
 x: 左到右(0% = left;100% = right)
 y: 上到下(0% = top; 100% = bottom)


 間距和邊框部份

padding: __px(top) __px(right) __px(bottom) __px(left); 設定內容與邊框之間的距離

border-color: #______; 設定邊框的顏色

border-width: __px; 設定邊框的粗細

border-style: solid (直線), dotted (點線), dashed (虛線), double (雙線), inset (凹框), outset (凸框); 設定邊框的樣式


 文字部分

text-decoration: none (不加連結底線), underline (加底線), overline (加頂線), line-through (加刪除線);

vertical-align: sub (下標字), super (上標字);

text-transform: capitalize (首字大寫), uppercase (大寫); lowercase (小寫);

text-align: left, right, center, justify (分散對齊);

vertical-align (垂直對齊): top, bottom, middle;




  參考網站:
Peter's CSS Note
CSS  基本概述
OECSPACE





創作者介紹

min'cellanea

minc 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

發表留言
  • kzt718
  • 謝謝

    讀完你這一系列的CSS語法教學
    真是獲益良多,希望你可以繼續加油~~

    ps 你的部落格在IE7下 會跑框
    內文都被擠到最下面囉~
    不過還是可以讀啦~
  • minc
  • 感謝,聽你這樣說是很大的鼓勵。:)

    跑框的問題目前還沒有時間解決,不好意思。(不過聽你一說才發現,原來我的IE只有6.0,嗯... 是我落後了嘛?還是7.0是最近才出來的?@@...)
找更多相關文章與討論