CSS世界(三)背景裝飾

2022-06-30 19:18:12 字數 965 閱讀 3813

柯岩《美的追求者·花開花謝》:「畫面上是乙個沉思的姑娘,極為明麗的背景襯著乙個俯首沉思的形象。」

《端木蕻良**選》自序》:「這相片是在什麼地方照的,當時的背景是**,我都記不起來,回答不出。」

css世界裡的背景裝飾,裝飾了css世界
background-color

顏色的表示方式: 顏色名 red, #fff, rgb(1,1,1), rgba(1,1,1,0.1), hsl(120deg, 100%, 50%), hsla(h deg,s %,l %,a 0.1) , 透明 transparent

思考:

顏色表示法的區別?以及在那些場景下使用會有不同?

background-image

記錄下與眾不同的bakcgound-position %計算公式 : 

positionx = (容器的寬度 - 的寬度) * percentx;

positiony = (容器的高度 - 的高度) * percenty;

1. background:url(./a.png) no-repeat [位置] [center xpx , top xpx] / 大小;

2. background-image: url(); background-position;background-size; background-repeat;

1. 元素背景與邊框背景在使用上有什麼異同?

2. 元素背景與邊框背景的層級關係?

3. background,background-color,background-image 優先順序的問題?

4. 漸變色的使用 , 線性漸變函式 linear-gradient();,徑向漸變函式 radial-gradient()

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...

css背景,背景位置,背景平鋪,背景拉伸,背景附著

css背景 css背景 背景顏色 background color black 背景 background imag url 位址 背景平鋪 不平鋪 background repeat no repeat 橫向平鋪 background repeat repeat x 縱向平鋪 background...

css背景 邊框

border style dotted 邊框線虛線 border width 6px 邊框線的寬度 background repeat no repeat 不重複 填充背景必須要加上高度跟寬度 不然不顯示 background repeat repeat x 水平方向填充 background re...