背景屬性
background-color 設定元素的背景顏色
屬性值為顏色值
background-image 設定背景
background-repeat 背景的重複方式
repeat 所有方向重複 預設值
no-reapeat 不重複
repeat-x 橫向重複
repeat-y 縱向重複
background-position 背景位置屬性
格式:background-position: 橫向座標 縱向座標
background-attachment 設定背景的滾動方式
fixed 背景繫結在頁面中不滾動
scroll 背景跟隨頁面滾動
設定背景影象位置
background-position 背景位置
可用關鍵字:
水平:left center right
垂直:top center bottom
background-position:left;
background-position:right top;
background-position:right 100px;
可用數字:
background-position:水平 垂直;
background-position:200px 100px;
背景影象符合屬性:background:pink url("img/1.jpg") no-repeat 200px;
background-attachment 背景位置固定
scroll 為背景圖隨頁面一同滾動(預設)
fixed 為背景圖位置固定不變。固定在螢幕上
列表屬性
list-style-type:定義列表樣式
list-style-positon 列表專案標記的位置
list-style-position:
inside 列表專案標記放置在文字以內,且環繞文字根據標記對齊。
outside 預設值。保持標記位於文字的左側。列表專案標記放置在文字以外,且環繞文字不跟據標記對齊。
list-style-image 列表內專案標記的影象
list-style-image:url() 影象的路經
none 預設,無影象被顯示
border 邊框屬性
border-width: 設定四個邊框的寬度 值為長度單位
border-style 設定四個邊框的風格
值為以下:
double 雙實線
dashed 虛線
solid 單實線
border-color 設定四個邊框的顏色
值為顏色值
border 邊框綜合屬性
所有屬性值,可以用空格分隔,不能少屬性
border-top 設定頂部邊框
border-left 設定左側邊框
border-right設定右側邊框
border-bottom 設定底部邊框
border-top:5px solid yellow;
邊框的符合屬性:border:1px solid red;
CSS背景屬性
背景顏色屬性 background color 這個屬性為html元素設定背景顏色,相當於html中bgcolor屬性。body 上面的 表示body這個html元素的背景顏色是翠綠色的。背景屬性 background image 這個屬性為html元素設定背景,相當於html中background...
CSS背景屬性
一 背景顏色 屬性 background color 取值 任何合法顏色或者transparent 注意 背景顏色會填充到元素的內容區域以及邊框區域 二 背景影象 作用 以圖象作為元素的背景 屬性 background image 取值 url 背景影象路徑 三 背景重複 屬性 background...
css背景屬性
css背景屬性 目錄 background attachment背景附件 設定背景影象是否固定或者隨著頁面的其餘部分滾動 background clip背景修剪 規定背景的繪製區域 background origin背景 規定 background position 屬性相對於什麼位置來定位 bac...