1
00:00:00,350 --> 00:00:06,000
このレッスンでは、要素と境界の背景色または背景イメージを変更するために使用する2つの新しいプロパティの背景について説明します。

2
00:00:06,000 --> 00:00:10,120
 

3
00:00:10,260 --> 00:00:14,670
だから私はここで少しの例があることがわかるように、背景から始めるつもりです。

4
00:00:14,670 --> 00:00:16,260
ここに彼女の最終結果があります。

5
00:00:16,440 --> 00:00:19,890
本文に灰色の背景があることに注目してください。

6
00:00:20,010 --> 00:00:25,840
ここから来て、私たちはここから来ているdivの青い背景を持っています。

7
00:00:26,040 --> 00:00:29,490
そして、パラグラフに白いテキストがあります。

8
00:00:29,580 --> 00:00:35,040
だから私たちが取り組んでいるAbout Meのページを使ってこれを試してみましょう。

9
00:00:35,220 --> 00:00:40,140
そして、私の趣味を前向きに変えて、それに背景色をつけましょう。

10
00:00:40,560 --> 00:00:42,460
オレンジ色にしましょう。

11
00:00:42,900 --> 00:00:47,840
だから、再びこの年齢4を選択して、年齢4歳にします。

12
00:00:48,540 --> 00:00:54,990
中括弧の中で背景を言うと、R G

13
00:00:54,990 --> 00:00:57,230
Bを行い、オレンジ色のようにします。

14
00:00:57,260 --> 00:01:04,560
だから彼らは赤が少し緑色で少し青くてリフレッシュし、この素晴らしいサンゴの色を手に入れます。

15
00:01:04,560 --> 00:01:06,670
 

16
00:01:06,780 --> 00:01:11,760
それでは、背景を与えてみましょう。背景は、背景全体が新しい色であるWebサイトでよく見られるものです。

17
00:01:12,120 --> 00:01:15,490
 

18
00:01:15,780 --> 00:01:16,830
 

19
00:01:19,430 --> 00:01:28,590
ですから、背景のようなものを作ってみましょう。今はピンクにしてから、背景全体がピンクになるようにしましょう。

20
00:01:28,860 --> 00:01:31,290
 

21
00:01:31,290 --> 00:01:36,870
つまり、背景のプロパティは何かの色を変更するために使用されています。

22
00:01:37,680 --> 00:01:43,650
しかし、バックグラウンド・プロパティーを使ってバックグラウンドを変更して、かなり頻繁に見えるイメージにすることもできます。

23
00:01:43,650 --> 00:01:44,820
 

24
00:01:45,150 --> 00:01:52,680
だから、それは私たちはまだ背景を指定していますが、色の代わりにあなたはArelと言い、括弧ではイメージがある場所を指定します。

25
00:01:52,950 --> 00:01:55,760
 

26
00:01:56,190 --> 00:02:04,920
だから、いくつかのwoodgrainを見つけよう。ここでこのようなイメージを見つけよう。

27
00:02:05,350 --> 00:02:06,980
それでは、この画像をコピーしましょう。

28
00:02:07,200 --> 00:02:11,560
私たちはそれをバックグラウンドとして設定します。

29
00:02:12,390 --> 00:02:21,900
だから私たちの体に私はちょうどバックグラウンドあなたはアールと言うだろうとあなたは私が今コピーしたエレットです。

30
00:02:21,900 --> 00:02:23,770
これはどの画像でも機能します。

31
00:02:24,050 --> 00:02:32,460
そして我々が偉大なものをリフレッシュすると、我々の背景が設定されていることがわかりますが、あなたのイメージが本当に十分に大きくないという小さなものが気づくでしょう。

32
00:02:32,460 --> 00:02:35,220
 

33
00:02:35,220 --> 00:02:41,760
私たちがそれに戻ると、ここで私たちの全身を覆うのに十分な大きさではありません。

34
00:02:41,850 --> 00:02:44,100
だから何が起こったのか、それは緊張しているということです。

35
00:02:44,280 --> 00:02:48,900
あなたはそれが縦と横にタイル張られていることを知っているのを見ることができます。

36
00:02:49,320 --> 00:02:53,870
だから私たちはそれを望んでいないと時々あなたが行うが、ほとんどの時間は非常に良い見えません。

37
00:02:54,180 --> 00:03:03,220
だから私たちが望んでいなければ、私たちが設定できるもう一つの財産があり、それはバックグラウンドリピートです。

38
00:03:04,380 --> 00:03:11,530
そして、これを繰り返さずに保存するように設定した場合。

39
00:03:12,300 --> 00:03:15,720
今、私たちは彼女の体の背景を設定し、それは繰り返されていません。

40
00:03:16,260 --> 00:03:21,190
しかし、体全体を覆うように伸びていないことに気付くでしょう。

41
00:03:21,240 --> 00:03:27,690
 

42
00:03:27,720 --> 00:03:38,230
だから、画面全体に渡って、または体全体に伸ばしたい場合は、背景サイズで設定できるもう1つのプロパティがあり、それをカバーするように設定することができます。

43
00:03:39,240 --> 00:03:42,890
あなたが見ることができるように、今は全身を占めています。

44
00:03:43,430 --> 00:03:48,600
 

45
00:03:48,630 --> 00:03:54,690
 

46
00:03:54,840 --> 00:04:00,840
 

47
00:04:00,840 --> 00:04:01,680
もちろん、これは少しぼやけているため、これは最善のイメージではありません。少しピクセル化されていますが、背景イメージを作成するときは、通常、大小の高解像度か、このようなシームレスに繰り返すことができます。

48
00:04:01,740 --> 00:04:07,430
両方の軸で対称的なことは分かりませんので、繰り返しても分裂やタイリングが起こっていることは明らかです。

49
00:04:07,470 --> 00:04:08,870
 

50
00:04:09,300 --> 00:04:09,600
OK。

51
00:04:09,600 --> 00:04:16,210
それは背景で、背景色と背景を使用して背景画像を設定します。

52
00:04:16,350 --> 00:04:19,460
私が示したい次のものは、私たちが国境をどのように取得するかです。

53
00:04:19,770 --> 00:04:24,660
 

54
00:04:25,320 --> 00:04:27,170
 

55
00:04:30,400 --> 00:04:33,960
だから私は実際にこれをやっています。なぜなら、それはちょっと気が散っていて、ちょうどピンクのようにバックグラウンドに戻って、すべてのhものにボーダーを追加しましょう。

56
00:04:34,470 --> 00:04:38,560
境界とC Sには3つの異なる部分があります。

57
00:04:38,700 --> 00:04:43,630
色とスタイルがあります。

58
00:04:45,090 --> 00:04:49,310
それでは、それぞれに境界線の色を付けることから始めましょう。

59
00:04:49,320 --> 00:04:54,660
この境界線の色とその境界線のように見えます。

60
00:04:54,780 --> 00:05:01,140
紫色にしましょう。リフレッシュすると、実際には何も見えません。その理由は、現在、国境に幅がないためです。

61
00:05:01,140 --> 00:05:03,110
 

62
00:05:03,150 --> 00:05:05,780
だから私たちがする必要があることは、それを放棄することです。

63
00:05:06,120 --> 00:05:10,020
だからそれとの境界はピクセル単位で数値を与えます。

64
00:05:10,230 --> 00:05:20,270
5ピクセルを5回リフレッシュしてみましょう。まだスタイルが欠けています。

65
00:05:21,300 --> 00:05:25,920
だから、3つすべてが設定されていないかぎり、これらのどれも動作しないことがわかります。

66
00:05:25,920 --> 00:05:29,060
境界線スタイルにはいくつかの異なるオプションがあります。

67
00:05:29,100 --> 00:05:30,810
我々は固いと言うことができます。

68
00:05:31,040 --> 00:05:33,160
私は点線の境界線を破った。

69
00:05:33,390 --> 00:05:34,470
他にもいくつかあります。

70
00:05:34,470 --> 00:05:41,600
ほとんどの場合、あなたが見ているのは固体の境界線が5ピクセル紫色です。

71
00:05:41,820 --> 00:05:46,490
そして、すべてのHのものの周りに境界線ができます。

72
00:05:47,100 --> 00:05:50,230
私たちが使うことができる素早いカットと税金があります。

73
00:05:50,250 --> 00:05:57,080
だから我々はしばしばこれらの3つすべてをすぐに設定するため、境界と呼ばれる同等の構文があります。

74
00:05:57,090 --> 00:05:57,940
 

75
00:05:58,560 --> 00:06:08,040
そして、私たちは右のコロンに5ピクセルのスタイルソリッドとカラーパープルを与えます。

76
00:06:08,040 --> 00:06:11,760
だから私は実際にこれをコメントすることができ、あなたは何も変わらないと見るでしょう。

77
00:06:11,760 --> 00:06:13,350
それは同一です。

78
00:06:13,350 --> 00:06:15,410
ですから、少し遊びましょう。

79
00:06:15,450 --> 00:06:30,110
8ピクセルのdasht Forderを使ってみましょう。 G. Bはここから降りてきて、この素晴らしい点線のボーダー効果があります。

80
00:06:30,120 --> 00:06:32,690
 

81
00:06:32,760 --> 00:06:35,050
あなたはいつも私がこれを見ていないことを知っています。

82
00:06:35,310 --> 00:06:40,380
私はこれを見たことがない90年代にウェブサイトを戻って以来、このすべての時間の異なるスタイルを使用しています。

83
00:06:40,380 --> 00:06:46,960
通常見えるのは、薄い1〜2ピクセルの実線の境界です。

84
00:06:47,530 --> 00:06:48,010
OK。

85
00:06:48,120 --> 00:06:54,230
境界線を見直すために、プロパティを個別に設定するか、ショートカットと税金を使用してスタイルと色を設定することができます。

86
00:06:54,240 --> 00:06:58,040
 

87
00:06:58,110 --> 00:06:58,900
オールインワンでオールインワン