1
00:00:00,350 --> 00:00:10,120
在這一課中，我們要介紹我們使用來改變背景顏色或元素和邊框的背景圖像兩個新的屬性背景。

2
00:00:10,260 --> 00:00:14,670
因此，我們將開始與背景，你可以看到我有一個小例子在這裡。

3
00:00:14,670 --> 00:00:16,260
因此，這裡是她的最終結果。

4
00:00:16,440 --> 00:00:19,890
請注意，我們有在主體上的灰色背景。

5
00:00:20,010 --> 00:00:25,840
從這裡來的，然後我們會對這就是從這裡來的DIV藍色背景。

6
00:00:26,040 --> 00:00:29,490
然後我們也對段落白色文本。

7
00:00:29,580 --> 00:00:35,040
因此，讓我們繼續前進，並嘗試使用此，我們一直在努力的自我介紹頁面。

8
00:00:35,220 --> 00:00:40,140
讓我們繼續前進，改變我的愛好^ h前進，並給它的背景顏色。

9
00:00:40,560 --> 00:00:42,460
讓我們給它一個橙色。

10
00:00:42,900 --> 00:00:47,840
因此，我們再次要可選擇四種這個年齡，所以我們輸入四個時代。

11
00:00:48,540 --> 00:00:57,230
然後裡面的花括號，你會說的背景，我們會做一個R G B，我們會讓像橙的顏色。

12
00:00:57,260 --> 00:01:06,670
因此，他們將是一個很大的紅色一點點綠，小藍的，讓我們刷新，我們得到了這個漂亮的珊瑚的顏色。

13
00:01:06,780 --> 00:01:15,490
所以，下次讓我們給後台，讓我們給身體一個背景，就是你經常看到一個網站，整個背景是一種新的顏色的東西。

14
00:01:15,780 --> 00:01:31,290
因此，讓我們做一些類似的背景，讓我們只想說，到現在是粉紅色的，然後我們去了整個背景是粉紅色的。

15
00:01:31,290 --> 00:01:36,870
使是被用來改變的東西的顏色背景屬性。

16
00:01:37,680 --> 00:01:44,820
但是，我們也可以使用背景屬性來更改背景是哪個節目還看到漂亮的經常的圖像。

17
00:01:45,150 --> 00:01:55,760
因此，它的工作原理，我們仍然指定背景，但不是一種顏色的方式，我們說你阿雷爾，然後在括號中，我們給它一個üR L圖像所在的位置。

18
00:01:56,190 --> 00:02:04,920
因此，讓我們去找一些木紋，讓我們找到這樣一個在這裡的圖像。

19
00:02:05,350 --> 00:02:06,980
因此，讓我們只是複製此圖像。

20
00:02:07,200 --> 00:02:11,560
你扔在我們要設置為背景。

21
00:02:12,390 --> 00:02:21,900
所以，對我們的身體我只是說你伯爵背景和你是Ellett我只是複製。

22
00:02:21,900 --> 00:02:23,770
因此，這將與任何圖像工作。

23
00:02:24,050 --> 00:02:35,220
如果我們刷新之大，我們看到，我們的背景已定，但你會發現一個小小的件事是，我們的形象是不是真的足夠大。

24
00:02:35,220 --> 00:02:41,760
如果我們回去吧它不是緊挨是足夠大，在這裡介紹我們的整個身體。

25
00:02:41,850 --> 00:02:44,100
所以，發生了什麼事是，它正在收緊。

26
00:02:44,280 --> 00:02:48,900
你可以看到你知道它正在題為瓷磚水平和垂直方向。

27
00:02:49,320 --> 00:02:53,870
所以，如果我們不希望出現這種情況，有時你做，但大多數時候它看起來並不很不錯。

28
00:02:54,180 --> 00:03:03,220
所以，如果我們不希望出現這種情況有，我們可以設置另一個屬性，這是背景重複。

29
00:03:04,380 --> 00:03:11,530
如果我們設定這是無重複和保存。

30
00:03:12,300 --> 00:03:15,720
現在我們已經把她的身體的背景，它不是重複。

31
00:03:16,260 --> 00:03:21,190
但是，你還會注意到它沒有伸出，以覆蓋整個機身。

32
00:03:21,240 --> 00:03:38,230
因此，如果我們想獲得它伸出整個屏幕或整個身體有一其他財產，我們可以設置哪些是背景大小，我們可以設置覆蓋。

33
00:03:39,240 --> 00:03:42,890
因此，大家可以看到，現在佔據了整個機身。

34
00:03:43,430 --> 00:04:01,680
當然，這不是我們的最佳形象，因為這是一個有點模糊，這是一個有點像素化，但是當你做一個背景圖像，通常要確保你有一些是具有較小的圖像或大和高分辨率或東西，可不像這一個無縫重複。

35
00:04:01,740 --> 00:04:08,870
這不是你知道兩軸對稱的，因此，如果我們重複它很清楚，有分歧和平鋪發生。

36
00:04:09,300 --> 00:04:09,600
好。

37
00:04:09,600 --> 00:04:16,210
所以這是背景，並使用背景顏色和背景來設置背景圖像。

38
00:04:16,350 --> 00:04:19,460
我想說明接下來的事情是我們如何得到一個邊界。

39
00:04:19,770 --> 00:04:33,960
所以，實際上，我要來這個，因為這是一個有點分心，讓我們回過頭來使用背景粉紅色和讓我們去，並添加邊框所有的H的。

40
00:04:34,470 --> 00:04:38,560
因此，一個邊框和C S有三個不同的部分。

41
00:04:38,700 --> 00:04:43,630
還有的用顏色和樣式。

42
00:04:45,090 --> 00:04:49,310
因此，讓我們通過給邊框顏色到每一個開始。

43
00:04:49,320 --> 00:04:54,660
它只是看起來像這樣的邊框顏色和邊框。

44
00:04:54,780 --> 00:05:03,110
我們只是去紫，如果我們刷新我們實際上沒有看到任何東西，這就是因為目前我們的邊界沒有寬度。

45
00:05:03,150 --> 00:05:05,780
因此，我們需要做的下一件事就是把它送人。

46
00:05:06,120 --> 00:05:10,020
因此，與它邊框將只給它以像素為單位的數字。

47
00:05:10,230 --> 00:05:20,270
讓我們做五個像素5點¯x刷新，我們還缺一件事是風格。

48
00:05:21,300 --> 00:05:25,920
所以你會看到，這些都不適用，除非我們設置了所有他們三個。

49
00:05:25,920 --> 00:05:29,060
所以，邊框樣式有一些不同的選擇。

50
00:05:29,100 --> 00:05:30,810
我們可以說，固體。

51
00:05:31,040 --> 00:05:33,160
我沖向一個虛線邊框。

52
00:05:33,390 --> 00:05:34,470
有幾個人。

53
00:05:34,470 --> 00:05:41,600
大多數你看到的時候就是如此堅實實心邊框五個像素紫色。

54
00:05:41,820 --> 00:05:46,490
我們避開所有轟那些邊框。

55
00:05:47,100 --> 00:05:50,230
有一個很好的捷徑和稅收，我們可以使用。

56
00:05:50,250 --> 00:05:57,940
所以，因為我們常常將所有這三個在一旦有這只是所謂的邊界相當於語法。

57
00:05:58,560 --> 00:06:08,040
我們右邊框結腸，我們給它5個像素的作風紮實和紫色。

58
00:06:08,040 --> 00:06:11,760
所以，其實我可以評論這些了，你會看到什麼變化。

59
00:06:11,760 --> 00:06:13,350
這是相同的。

60
00:06:13,350 --> 00:06:15,410
因此，讓我們玩打了一下周圍。

61
00:06:15,450 --> 00:06:32,690
讓我們一起去是我們只是把我們的R.G. 8像素什特Forder從這裡往下B和我們有這個漂亮的虛線邊框效果。

62
00:06:32,760 --> 00:06:35,050
所以，你通常都知道我還沒有看到這一點。

63
00:06:35,310 --> 00:06:40,380
自從我回來的網站使用這一切的時候不同風格的90年代還沒有看到這一點。

64
00:06:40,380 --> 00:06:46,960
通常你看到所有是一個很好的瘦一個或兩個像素的實線邊框。

65
00:06:47,530 --> 00:06:48,010
好。

66
00:06:48,120 --> 00:06:58,040
所以只是為了回顧一下上邊界，我們可以單獨設置屬性或者我們可以使用短削減和稅收，並與風格和顏色設置。