整這么多沒用滴。下面附帶視頻(視頻在最下面)，喜歡的可以找我私信拿代碼！我所有在頭條發(fā)布的網(wǎng)頁類源代碼，統(tǒng)統(tǒng)打包在網(wǎng)盤里面，需要的可以直接私信我。軟件類，部分不提供源代碼。(侵權(quán)，違法，等其他行為軟件我也不做。所以不要私信讓我寫掛了。求求各位了，放過孩子吧！)

腳本但凡是涉及到了內(nèi)存等方面的性質(zhì)，以及破壞了其他玩家的公平性，或者，與游戲方面產(chǎn)生沖突，均為違法犯罪行為！所以！只能獨(dú)樂樂。不能眾樂樂！如果你對(duì)這方面真的有興趣！可以關(guān)注我。我會(huì)不定時(shí)的發(fā)布一些基本的教程，讓大家在網(wǎng)絡(luò)的擋路當(dāng)中走的更遠(yuǎn)！加油！2020.疫情早日散去，你我繼續(xù)努力。相信明天會(huì)是更好的一天。相信明天粉絲也能暴漲。哈哈哈哈哈哈哈，晚安！陌生人，早點(diǎn)睡，現(xiàn)在已經(jīng)是2020年2月28日04:14:13了。睡吧！

常情況下我們系統(tǒng)上面的界面顏色都是一樣的，但是看就了之后就會(huì)有點(diǎn)視覺疲勞，于是一些使用Win11系統(tǒng)的小伙伴想要去更改窗口背景顏色卻不知道如何操作，下面就和小編一起來看看應(yīng)該如何設(shè)置吧。

更多win11安裝教程參考小白裝機(jī)官網(wǎng)http://www.xiaobaixitong.com/win10jiaocheng/43296.html

　　1、點(diǎn)擊桌面的開始菜單，找到并打開Settings設(shè)置按鈕。

　　2、在頁面左側(cè)點(diǎn)擊Personalization個(gè)性化按鈕，單機(jī)打開Colors顏色選項(xiàng)卡。

　　3、在選擇顏色欄目中點(diǎn)擊更改Dark選項(xiàng)，并保存設(shè)置即可開啟黑暗模式。

如何安裝win11？看這里，直接安裝無需顧慮微軟推送的升級(jí)限制

嘍大家好，我是作者“未來”，本期分享的內(nèi)容是Web前端系列課程，本系列總共29個(gè)階段，堅(jiān)持學(xué)習(xí)3個(gè)月蛻變?yōu)閃eb前端高手哦！

志同道合的小伙伴跟我一起學(xué)習(xí)交流哦！?

第二階段 CSS3

08 CSS背景及應(yīng)用

1 背景顏色圖片及其平鋪

背景顏色background

CSS可以添加背景顏色和背景圖片，以及來進(jìn)行圖片設(shè)置。

格式與用法如下：

div {

width: 500px;

height: 500px;

background-color: pink;

background-image: url(images/l.jpg);

background-repeat: no-repeat;

}

sublime小技巧：“bgc+tab”=background-color

其他的以此類推

2 背景位置（一）

背景位置position

語法：

background-position: length length;

background-position: position position;

background-position: left top;/*默認(rèn)的是在左上角*/

background-position: bottom right;/*方位名詞沒有順序，誰都在前都可以*/

background-position: left;/*如果方位名詞只寫一個(gè)，另一個(gè)默認(rèn)為center*/

參數(shù)：

length：百分?jǐn)?shù)丨由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值。請(qǐng)參閱長(zhǎng)度單位position:top center bottom left right

3 背景位置（二）

精確單位：

background-position: 10px 30px;

/*第一個(gè)值一定是x坐標(biāo) 第二個(gè)值一定是y坐標(biāo)*/

background-position: 10 center;

/*混搭*/

4 魔獸背景圖片

想讓圖片往上移，可以是負(fù)數(shù)值

background-image: url(images/ms.jpg);

background-position: center -25px;

實(shí)際上用的最多的就是居中對(duì)齊

5 背景附著圖

語法：

background-attachment: scroll、 fixed;

參數(shù)：

scroll：背景圖像是隨對(duì)象內(nèi)容滾動(dòng)

fixed：背景圖像固定

說明：

設(shè)置或檢索背景圖像是隨對(duì)象內(nèi)容滾動(dòng)還是固定的。

6 背景簡(jiǎn)寫

background屬性的值的書寫順序官方并沒有強(qiáng)制標(biāo)準(zhǔn)的。為了可讀性，建議大家如下寫：

background背景顏色-背景圖片地址-背景平鋪-背景滾動(dòng)-背景位置background:transparent url（image jpg） repeat-y scroll 50%0：

background: #000 url(images/lol.jpg) no-repeat fixed center 100px;

黑色 圖片地址 不平鋪 水平居中 垂直100像素

后面的兩個(gè)位置值是不能分開的

7 背景半透明

CSS3支持背景半透明的寫法語法格式是

background: rgba(0, 0, 0, 0.7);

最后一個(gè)參數(shù)是 alpha透明度取值范圍0-1之間

注意：背景半透明是指盒子背景半透明，盒子里面的內(nèi)容不受影響。

同樣，可以給文字和邊框透明都是rgba的格式來寫。

8 背景縮放（一）

通過 background-size設(shè)置背景圖片的尺寸，就像我們?cè)O(shè)置img的尺寸一樣，在移動(dòng)Web開發(fā)中做屏幕適配應(yīng)用非常廣泛。

其參數(shù)設(shè)置如下：

a）可以設(shè)置長(zhǎng)度單位（px）或百分比（設(shè)置百分比時(shí)，參照盒子的寬高）

background-size:50% ;

背景圖片設(shè)置為原來的50%大小

9 背景縮放（二）

b）設(shè)置為 cover時(shí)，會(huì)自動(dòng)調(diào)整縮放比例，保證圖片始終填充滿背景區(qū)堿，如有溢出部分則會(huì)被隱藏。

C）設(shè)置為 contain會(huì)自動(dòng)調(diào)整縮放比例，保證圖片始終完整顯示在背景區(qū)域。

10 多背影圖片

以逗號(hào)分隔可以設(shè)置多背景，可用于自適應(yīng)布局做法就是用逗號(hào)隔開就好了。

1 一個(gè)元素可以設(shè)置多重背景圖像。

2 每組屬性間使用逗號(hào)分隔。

3 如果設(shè)置的多重背景圖之間存在著交集（即存在著重疊關(guān)系），前面的背景圖會(huì)覆蓋在后面的背景圖之上。

4 為了避免背景色將圖像蓋住，背景色通常都定義在最后一組上

div {

height: 300px height:300px;

background: url(images/l.jpg) no-repeat left top,

url(images/3.jpg) no-repeat right bottom hotpink

11 凹凸文字效果

12 王者榮耀導(dǎo)航欄（一）

13 王者榮耀導(dǎo)航欄（二）

文本的裝飾

text-decoration通常我們用于給鏈接修改裝飾效果

使用技巧：在一行內(nèi)的盒子內(nèi)，我們?cè)O(shè)定行高等于盒子的高度，就可以使文字垂直居中

看不懂的小伙伴不要?dú)怵H，后續(xù)的分享中將持續(xù)解釋，只要你跟著我分享的課程從頭到尾去學(xué)習(xí)，每篇文章看三遍，一個(gè)月后，回過頭來看之前的文章就會(huì)感覺簡(jiǎn)單極了。

本章已結(jié)束，下篇文章將分享《09 CSS三大特性》小伙伴們不要錯(cuò)過喲！