CSSでフルページの背景画像を作成するにはどうすればよいですか?
以下は、CSSでフルページの背景画像を作成するためのコードです-
例
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html { height: 100%; margin: 0; } .background { background-image: url("https://images.pexels.com/photos/1424246/pexels-photo-1424246.jpeg? auto=compress&cs=tinysrgb&dpr=1&w=1000"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } </style> </head> <body> <div class="background"></div> </body> </html>
出力
上記のコードは次の出力を生成します-
-
CSSでクーポンを作成するにはどうすればよいですか?
CSSでクーポンを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-seri
-
CSSを使用してスクロールでグラデーションの背景色を作成するにはどうすればよいですか?
スクロール時にグラデーションの背景色を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> body { height: 250vh; color: white; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;