teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2019/03/19 05:31

投稿

dit.
dit.

スコア3235

answer CHANGED
@@ -4,4 +4,30 @@
4
4
  ```css
5
5
  background-size:20px 20px;/* 必要な大きさに */
6
6
  ```
7
- [https://developer.mozilla.org/ja/docs/Web/CSS/Scaling_background_images](https://developer.mozilla.org/ja/docs/Web/CSS/Scaling_background_images)
7
+ [https://developer.mozilla.org/ja/docs/Web/CSS/Scaling_background_images](https://developer.mozilla.org/ja/docs/Web/CSS/Scaling_background_images)
8
+
9
+ ---
10
+
11
+ `<style>`は`<head>`内に記述しましょう。
12
+ ```html
13
+ <!DOCTYPE html>
14
+ <html>
15
+ <head>
16
+ <meta charset="utf-8">
17
+ <title>サンプル</title>
18
+ <style>
19
+ body {
20
+ background-image: url(a.png);
21
+ background-repeat: repeat-x;/* 効いてるはず */
22
+ background-size:20px 20px;/* 必要な大きさに */
23
+ }
24
+ </style>
25
+ </head>
26
+ <body>
27
+ contents
28
+ </body>
29
+ </html>
30
+ ```
31
+
32
+ CSSだけを別ファイルにして読み込ませる方法もあります。
33
+ [https://saruwakakun.com/html-css/basic/css](https://saruwakakun.com/html-css/basic/css)