このレッスンでは、要素と境界の背景色または背景イメージを変更するために使用する2つの新しいプロパティの背景について説明します。
だから私はここで少しの例があることがわかるように、背景から始めるつもりです。
ここに彼女の最終結果があります。
本文に灰色の背景があることに注目してください。
ここから来て、私たちはここから来ているdivの青い背景を持っています。
そして、パラグラフに白いテキストがあります。
だから私たちが取り組んでいるAbout Meのページを使ってこれを試してみましょう。
そして、私の趣味を前向きに変えて、それに背景色をつけましょう。
オレンジ色にしましょう。
だから、再びこの年齢4を選択して、年齢4歳にします。
中括弧の中で背景を言うと、R G
Bを行い、オレンジ色のようにします。
だから彼らは赤が少し緑色で少し青くてリフレッシュし、この素晴らしいサンゴの色を手に入れます。
それでは、背景を与えてみましょう。背景は、背景全体が新しい色であるWebサイトでよく見られるものです。
ですから、背景のようなものを作ってみましょう。今はピンクにしてから、背景全体がピンクになるようにしましょう。
つまり、背景のプロパティは何かの色を変更するために使用されています。
しかし、バックグラウンド・プロパティーを使ってバックグラウンドを変更して、かなり頻繁に見えるイメージにすることもできます。
だから、それは私たちはまだ背景を指定していますが、色の代わりにあなたはArelと言い、括弧ではイメージがある場所を指定します。
だから、いくつかのwoodgrainを見つけよう。ここでこのようなイメージを見つけよう。
それでは、この画像をコピーしましょう。
私たちはそれをバックグラウンドとして設定します。
だから私たちの体に私はちょうどバックグラウンドあなたはアールと言うだろうとあなたは私が今コピーしたエレットです。
これはどの画像でも機能します。
そして我々が偉大なものをリフレッシュすると、我々の背景が設定されていることがわかりますが、あなたのイメージが本当に十分に大きくないという小さなものが気づくでしょう。
私たちがそれに戻ると、ここで私たちの全身を覆うのに十分な大きさではありません。
だから何が起こったのか、それは緊張しているということです。
あなたはそれが縦と横にタイル張られていることを知っているのを見ることができます。
だから私たちはそれを望んでいないと時々あなたが行うが、ほとんどの時間は非常に良い見えません。
だから私たちが望んでいなければ、私たちが設定できるもう一つの財産があり、それはバックグラウンドリピートです。
そして、これを繰り返さずに保存するように設定した場合。
今、私たちは彼女の体の背景を設定し、それは繰り返されていません。
しかし、体全体を覆うように伸びていないことに気付くでしょう。
だから、画面全体に渡って、または体全体に伸ばしたい場合は、背景サイズで設定できるもう1つのプロパティがあり、それをカバーするように設定することができます。
あなたが見ることができるように、今は全身を占めています。
もちろん、これは少しぼやけているため、これは最善のイメージではありません。少しピクセル化されていますが、背景イメージを作成するときは、通常、大小の高解像度か、このようなシームレスに繰り返すことができます。
両方の軸で対称的なことは分かりませんので、繰り返しても分裂やタイリングが起こっていることは明らかです。
OK。
それは背景で、背景色と背景を使用して背景画像を設定します。
私が示したい次のものは、私たちが国境をどのように取得するかです。
だから私は実際にこれをやっています。なぜなら、それはちょっと気が散っていて、ちょうどピンクのようにバックグラウンドに戻って、すべてのhものにボーダーを追加しましょう。
境界とC Sには3つの異なる部分があります。
色とスタイルがあります。
それでは、それぞれに境界線の色を付けることから始めましょう。
この境界線の色とその境界線のように見えます。
紫色にしましょう。リフレッシュすると、実際には何も見えません。その理由は、現在、国境に幅がないためです。
だから私たちがする必要があることは、それを放棄することです。
だからそれとの境界はピクセル単位で数値を与えます。
5ピクセルを5回リフレッシュしてみましょう。まだスタイルが欠けています。
だから、3つすべてが設定されていないかぎり、これらのどれも動作しないことがわかります。
境界線スタイルにはいくつかの異なるオプションがあります。
我々は固いと言うことができます。
私は点線の境界線を破った。
他にもいくつかあります。
ほとんどの場合、あなたが見ているのは固体の境界線が5ピクセル紫色です。
そして、すべてのHのものの周りに境界線ができます。
私たちが使うことができる素早いカットと税金があります。
だから我々はしばしばこれらの3つすべてをすぐに設定するため、境界と呼ばれる同等の構文があります。
そして、私たちは右のコロンに5ピクセルのスタイルソリッドとカラーパープルを与えます。
だから私は実際にこれをコメントすることができ、あなたは何も変わらないと見るでしょう。
それは同一です。
ですから、少し遊びましょう。
8ピクセルのdasht Forderを使ってみましょう。 G. Bはここから降りてきて、この素晴らしい点線のボーダー効果があります。
あなたはいつも私がこれを見ていないことを知っています。
私はこれを見たことがない90年代にウェブサイトを戻って以来、このすべての時間の異なるスタイルを使用しています。
通常見えるのは、薄い1〜2ピクセルの実線の境界です。
OK。
境界線を見直すために、プロパティを個別に設定するか、ショートカットと税金を使用してスタイルと色を設定することができます。
オールインワンでオールインワン