2021 1 23 CSS背景屬性

2021-10-17 08:42:21 字數 1736 閱讀 1860

背景屬性

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...