背景 background
css 說明
background-color:#色碼; 背景色彩
exp:
background-image:url(背景圖案.jpg,gif,bmp);
background-color:#ffffff;
background-color : transparent; <--設定背景為透明色
background-repeat 改變背景的重複併排的設定
css
說明 repeat 背景併排
repeat-x 背景以x方向 併排
repeat-y 背景以y方向 併排
no-repeat 背景不 以併排的方式處理
exp:
background-image:url("");
background-repeat:no-repeat;
以這張為背景，當大小不夠的時候，不併排重複
background-attachment是否固定位置
css
說明 scroll 拉動卷軸時，背景會跟著移動（預設值）
fixed 拉動卷軸時，背景不會跟著移動
exp:
background-image:url("");
background-repeat:no-repeat;
background-attachment:fixed;
以背景不重複並列，且不隨卷軸移動
以長度定位background-position: x y
使用百分比定位 background-position: x% y%
css
說明 x% 往右移
y% 往下移
backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方
以關鍵字定位
關鍵字 說明
top 上 ( y = 0 )
center 中 ( x = 50, y = 50 )
bottom 下 ( y = 100 )
left 左 ( x= 0 )
exp:
background-position:center;
在指定背景**x=50% y=50%位置
background-position: 200px 30px
css背景樣式css背景樣式
css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中，要為某個物件加上背景色只有一種辦法，那就是先做乙個 在 中設定完背景色...
CSS教程 3 通過例項學習CSS背景
本教程一共三個例子www.cppcns.com 1 如何重複背景影象 2 如何在垂直方向重複背景影象 3 如何在水平方向重複背景影象.程式設計客棧 本教程一共三個例子 1 如何重複背景影象 2 如何在垂直方向重複背景影象 3 如何在水平方向重複背景影象。參考我們關於css背景的理論知識 css教程 ...
CSS應用基礎教程 4 顏色背景
主 要 作 用 在前面的章節介紹完了宣告與應用的方法及 一些特性之後，從這章開始，便要正式進入 css的指令介紹了！本章有兩個介紹的主 題，第乙個部份介紹的是顏色與背景性質的 css，其主要的作用在於設定元素的前景 顏色 背景顏色與背景圖形等樣式設定的性質 而第二部份為您介紹的是用於控制擺放 元素位...