質問編集履歴

1

自分で試したコード内容記載

2019/08/15 05:09

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -21,3 +21,81 @@
21
21
  ②レイアウト同士重ねれるようにpositionのrelative or abusoluteを使用。
22
22
 
23
23
  このように考えてしましたが、中々うまく出来ませんでした。
24
+
25
+
26
+
27
+ ▲実行したこと▲
28
+
29
+ ![イメージ説明](f5b12c8ade31c83cf81913feab4ec6d6.png)
30
+
31
+
32
+
33
+ ```html
34
+
35
+ <div class="kimochi-container">
36
+
37
+ <img src="./img/concept.jpg" class="concept-img">
38
+
39
+ <h1 id="kimochi-title">KIMOCHI</h1>
40
+
41
+ <h3>“一緒にあなたの想いをカタチにする”</h3>
42
+
43
+ <div class="kimochi-text">
44
+
45
+ <p>テストテストテストテストテストテストテストテストテスト</p>
46
+
47
+
48
+
49
+ </div>
50
+
51
+ </div>
52
+
53
+ ```
54
+
55
+ ```css
56
+
57
+ .kimochi-wrapper{
58
+
59
+ height: 350px;
60
+
61
+ /* テスト */
62
+
63
+ /* border: solid 2px black; */
64
+
65
+ padding: 30px 40px;
66
+
67
+ margin-top: 20px;
68
+
69
+ width: 700px;
70
+
71
+ margin: 0 auto;
72
+
73
+ max-width: 50%;
74
+
75
+ background-color:rgba(188,143,143,0.4);
76
+
77
+ position: relative;
78
+
79
+ }
80
+
81
+
82
+
83
+ .concept-img{
84
+
85
+ height: 250px;
86
+
87
+
88
+
89
+ }
90
+
91
+ ```
92
+
93
+
94
+
95
+ 画像を重ねることが出来ましたが、ピンクの背景をもう少し右にしたいのですが
96
+
97
+ その方法がわかりません。これはレイアウトの決め方?(paddingとか)が間違えているのでしょうか?
98
+
99
+
100
+
101
+ まだプログラミング初心者で説明がうまくできませんが、何卒よろしくお願いします。