CSS勾配&ウェブデザインサイト
1632 ワード
この授業はグレディントを整理しましょう.
グラデーションもbackground-colorのように背景を塗りつぶす方法ですが、グラデーションは単一の色ではなく、複数の色の混合と複数のパターンで塗りつぶすことができる造形です.
まず、グラデーションを使うために
()中に入れられる色がいくつあっても構いません.問題と解決方法
現在のbodytagでは、「background-image:lineard-gradient(red,yellow);」スタイリングを適用したレイアウトです.しかし、一番下に未知の赤が現れているのが見えます.
これはbodyラベル範囲が終わり、背景色が繰り返される現象です.この現象を阻止するために、
background-repeat: no-repeat;
使えますが、これなら、
背景の色が切れます小さなスクリーンで見れば、何もありませんが、大きなスクリーンで見れば、この問題を解決しなければなりません.
この場合、利用可能なソリューション
CSSでhtmlというタグを使ってファイル全体をモデリングすることができます.
そして、なぜか、教育技師が教えてくれました.そうすれば、この問題は解決します.
グレディントをもっと詳しく知りたいなら... W3school Gradion クールなグラデーションサンプリングのサイトを提供し、 Grabient
グラデーションもbackground-colorのように背景を塗りつぶす方法ですが、グラデーションは単一の色ではなく、複数の色の混合と複数のパターンで塗りつぶすことができる造形です.
まず、グラデーションを使うために
" background-image: linear-gradient(); "
" background-image: radial-gradient(); "
を選択します.というように、ニット柄はライン柄、カジュアル柄は円形の円形模様です.()中に入れられる色がいくつあっても構いません.
現在のbodytagでは、「background-image:lineard-gradient(red,yellow);」スタイリングを適用したレイアウトです.しかし、一番下に未知の赤が現れているのが見えます.
これはbodyラベル範囲が終わり、背景色が繰り返される現象です.この現象を阻止するために、
background-repeat: no-repeat;
使えますが、これなら、
背景の色が切れます小さなスクリーンで見れば、何もありませんが、大きなスクリーンで見れば、この問題を解決しなければなりません.
この場合、利用可能なソリューション
html {
height: 100%;
}
はい.CSSでhtmlというタグを使ってファイル全体をモデリングすることができます.
そして、なぜか、教育技師が教えてくれました.そうすれば、この問題は解決します.
グレディントをもっと詳しく知りたいなら...
Reference
この問題について(CSS勾配&ウェブデザインサイト), 我々は、より多くの情報をここで見つけました https://velog.io/@gil0127/CSS-gradient-웹디자인-웹싸이트テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol