回答編集履歴

1 修正

s8_chu

s8_chu score 12502

2017/03/11 14:31  投稿

- ページ全体の背景色を黒にしたい場合は、[body要素](http://www.html5.jp/tag/elements/body.html)に[background-colorプロパティ](http://www.htmq.com/style/background-color.shtml)で黒を指定する。
- ページ全体の背景色を黒にしたい場合は、[body要素](http://www.html5.jp/tag/elements/body.html)に[background-colorプロパティ](http://www.htmq.com/style/background-color.shtml)で黒を指定する必要があります。
```HTML
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>タイトル</title>
   <style type="text/css">
       * {
           margin: 0;
           padding: 0;
       }
       body {
           background-color: black;
       }
   </style>
</head>
<body>
</body>
</html>
```
- 特定の要素の背景色を黒くしたい場合は、通常[class属性](https://w3g.jp/xhtml/dic/class)もしくは[id属性](https://w3g.jp/xhtml/dic/id)をその要素に付与する。
- 特定の要素の背景色を黒くしたい場合は、通常[class属性](https://w3g.jp/xhtml/dic/class)もしくは[id属性](https://w3g.jp/xhtml/dic/id)をその要素に付与する必要があります。
```HTML
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>タイトル</title>
   <style type="text/css">
       * {
           margin: 0;
           padding: 0;
       }
       div {
           width: 300px;
           height: 300px;
       }
       .box1 {
           background-color: black;
       }
       #box2 {
           background-color: red;
       }
   </style>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<div class="box1"></div>
</body>
</html>
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る