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
이제 우리가 함께 해왔 던 About Me 페이지를 사용해보십시오.

8
00:00:35,220 --> 00:00:40,140
그리고 내 취미를 앞으로 바꾸고 배경색을 바꾸자.

9
00:00:40,560 --> 00:00:42,460
주황색을 주자.

10
00:00:42,900 --> 00:00:47,840
다시 한번 우리는이 나이 4를 선택하여 나이 4를 입력하고 싶습니다.

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
그래서 우리는 여전히 배경을 지정하지만 색상 대신에 Arel을 말하고 괄호 안에 이미지가있는 곳을 지정합니다.

18
00:01:56,190 --> 00:02:04,920
그럼 우드 그레인 (woodgrain)을 찾으러 여기에있는 이미지를 찾으십시오.

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
그래서 우리 몸에 나는 배경이 당신 백작이라고 말할 것입니다. 그리고 당신은 단지 내가 복사 한 엘렛입니다.

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 픽셀을 새로 고치고 스타일을 하나씩 잃어 버리자.

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
당신이 보는 대부분의 시간은 보라색의 단색 테두리 5 픽셀입니다.

54
00:05:41,820 --> 00:05:46,490
그리고 우리는 모든 H 것들 주위에 경계선을 얻습니다.

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 픽셀 dasht 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
국경을 재 요약하기 위해 속성을 개별적으로 설정하거나 단축키와 세금을 사용하여 스타일과 색상을 설정할 수 있습니다.