border和css的背景屬性

2021-09-20 21:34:31 字數 1079 閱讀 5470

1:background-color:red;

2:background-image: url();

背景圖預設顯示狀態:

a:當背景圖小於容器尺寸 : 平鋪;

b:當背景圖等於容器尺寸 : 一張;

c:當背景圖大於容器尺寸 : 只顯示容器區域;

3:控制背景圖是否平鋪以及平鋪狀態

background-repeat:;

屬性值:

repeat 平鋪(預設值)

no-repeat 不平鋪

repeat-x

repeat-y

4:background-position:左右位置(left/right/center) 上下位置(top/bottom/center);

第乙個屬性值:正值往右 負值往左

第二個屬性值:正值往下 負值往上

複合式寫法:

background:pink url(images/dog.png) no-repeat left bottom;

5:背景圖的固定

background-attachment:;

屬性值:

fixed 固定

scroll 滾動

border:10px solid red;

border-width:10px;

border-style:solid;

border-color:red;

1:線性: solid(實線) dashed(虛線) dotted(點狀線) double(雙線) none/0(沒有邊框)

2:給單一乙個方向新增邊框:

border-left/right/top/bottom:10px solid yellow;

3:邊框設定方法;

border:solid red;

border-width:;

乙個值:四周

兩個值:上下 左右

三個值:上 左右 下

四個值:上右下左

4:transparent; 代替顏色值 為 透明

border和css的背景屬性

1 background color red 2 background image url 背景圖預設顯示狀態 a 當背景圖小於容器尺寸 平鋪 b 當背景圖等於容器尺寸 一張 c 當背景圖大於容器尺寸 只顯示容器區域 3 控制背景圖是否平鋪以及平鋪狀態 background repeat 屬性值 r...

css中的border屬性。。。。。

1.border color 邊框的顏色 一般設定邊框都有3個屬性 寬度 線的樣式 顏色,如果寬度設定了很多px,那麼就可以給邊框設定很多顏色,讓邊框顯示出漸變的效果,不過設定邊框不同顏色時只能通過border bottom colors,border top colors,border left ...

CSS的背景屬性和邊框屬性

css的背景屬性 background 簡寫屬性,作用是將背景屬性設定在乙個宣告中 background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動 background color 設定元素的背景顏色 background image 把影象設定為背景 background ...