LOVE & PEACE ◕‿◕
  • 現在有隻熊在晒日光浴★/努力更新中→"所有文章"
  • 紀念過去天/離23歲還有 天/開用
  • ✧把握當下,及時行動✿❀✿
Related Posts with Thumbnails

一些基本的。
背景和文字的控制ˇ



‵*背景控制』

顏色
background-color : #000000;

圖片
background-image:url('圖片網址');

圖片是否固定
background-attachment:fixed;            
屬性:
*隨著捲軸動 scroll *固定不動 fixed

圖片是否重複
background-repeat:no-repeat;      
屬性:
*重複顯示 repeat *不重複顯示 no-repeat 
*X軸重複顯示 repeat-x  *Y軸重複顯示 repeat-y 

圖片對齊格式
background-position:left;           
屬性:
*靠左對齊 left  *靠右對齊 right *置中對齊 center
*向上對齊 top  *向下對齊 bottom

※圖片和背景顏色,不要同時使用。


‵*『文字控制

顏色
color: #000000;                                                                 

大小
font-size: 7pt;       
屬性:
*像素 數字 px  *點 數字 pt(只可用正整數) 

字型                                                            
font-family: verdana;
                                   
對齊格式

text-align:left
屬性:
*左 left *置中 center *右 right

大小寫
text-transform: capitalize;                            
屬性:
*字首大寫 capitalize *全部大寫 uppercase *全部小寫 lowercase


粗細
font-weight: normal;        
屬性:
*正常 normal *粗體 bold *特粗 bolder *細體 lighter 

行高
line-height: 15pt;                                                             
屬性:
*百分比 數字 % *像素 數字 px *點 數字 pt (只可用正整數) 

裝飾
text-decoration: underline line-through ;    /* 文字裝飾 */
屬性:
*無線 none(也可刪除連結底線) *底線 underline *上端線 overline
*刪除線 line-through *文字閃爍 blink

(紅色部分:要放幾個都可以,不要重複到相反的就好)
("閃爍"效果,不同瀏覽器不一定支援

縮排
text-indent: 10px;   
屬性:
*像素 數字 px * 點 數字 pt (只可用正整數) 



#提醒,不要學了之後拿去改別人的設計。
#還想看更多的,推薦這裡˙

「零零壹 , EnD」


就先到這兒唄!
算第壹篇CSS的教學文叭?!
嘿,以後會再增加的,盡請期待。(撲)






Ashley 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • loveblue846
  • 簡單明瞭呢!
    辛苦了=ˇ=

    我很想學CSS=ˇ=
    但學不會= =
【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消