背景 背景 背景色を設定します <style type="text/css"> body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} </style> <h1>これはヘッダー 1 です</h1> <h2>これはヘッダー 2 です</h2> <p>これは段落です</p> [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] 1 つの写真を背景として設定します <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg') } </style> [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] 縦に繰り返し 背景画像 <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: repeat } </style> [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ] 横リピート背景画像 <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: repeat-x } </style> [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ] 背景画像の配置方法（位置配置） <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: no-repeat; background-position: center; } </style> [Ctrl+A ですべて選択 注: 外部 Js を導入する必要がある場合は、それを更新して を実行する必要があります] 背景不滚動 <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/smiley.gif'); background-repeat: no-repeat; background-attachment: fixed } </style> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> <p>画像はページの残りの部分と一緒にスクロールしません</p> [Ctrl+A 全选注:如く必要引入外部Js必要刷新才能执行] 背景プロパティ一行解决（用行文字決定义背景プロパティ） <style type="text/css"> body { background: #00ff00 url('http://www.blueidea.com/articleimg/2006/07/3744/smiley.gif') no-repeat fixed center; } </style> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> <p>これはテキストです</p> [Ctrl+A 全选注:必要に応じて外部 Js 必要歯ブラシ新才能执行]
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
