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

質問編集履歴

2

更新

2020/04/27 02:14

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -21,7 +21,24 @@
21
21
  </div>
22
22
  ```
23
23
  ```scss
24
+ .main_eleven{
25
+ background-color: #ebb94d;
26
+ color: black;
27
+ letter-spacing: 2px;
28
+ padding-bottom: 40px;
29
+ h3{
30
+ margin-top: 0;
31
+ font-size: 26px;
32
+ padding: 20px;
33
+ padding-top: 50px;
34
+ }
35
+ p{
36
+ font-weight: bold;
37
+ span{
38
+ color: white;
39
+ }
40
+ }
24
- #main_eleven_three{
41
+ #main_eleven_three{
25
42
  display: flex;
26
43
  justify-content: center;
27
44
  max-width: 1170px;
@@ -47,4 +64,9 @@
47
64
  }
48
65
  }
49
66
  }
67
+ #main_eleven_black{
68
+ background-color: #ebb94d;
69
+ margin-bottom: -40px;
70
+ }
71
+ }
50
72
  ```

1

追加

2020/04/27 02:14

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -2,4 +2,49 @@
2
2
  ![](c644cf4f70671a634220b6a7c2b5110b.png)
3
3
  iSaraは「実質0円」!さらなる特典もありますというところで
4
4
  上の画像のようにしたいのですが、下のようになってしまいます。
5
- どうしたら線をかぶさらないようにできますか。
5
+ どうしたら線をかぶさらないようにできますか。
6
+ ```html
7
+ <h3 id="main_eleven_black">iSaraは『実質0円』!さらなる特典もあります。</h3>
8
+ <div id="main_eleven_three">
9
+ <div class="main_eleven_main">
10
+ <p class="main_eleven_white">特典1</p>
11
+ <p>講座費用258,000円以上の金額が稼げるまで、「永久サポート延長」。リスク0で参加できます。</p>
12
+ </div>
13
+ <div class="main_eleven_main">
14
+ <p class="main_eleven_white">特典2</p>
15
+ <p>iSaraフリーランスコミュニティ参加権利。案件の紹介や、新施設OPENの際の優先利用権が受けられます。</p>
16
+ </div>
17
+ <div class="main_eleven_main">
18
+ <p class="main_eleven_white">特典3</p>
19
+ <p>講座参加後のシェアハウス利用権利(ドンムアン空港至近のため、とても便利です)</p>
20
+ </div>
21
+ </div>
22
+ ```
23
+ ```scss
24
+ #main_eleven_three{
25
+ display: flex;
26
+ justify-content: center;
27
+ max-width: 1170px;
28
+ height: 361px;
29
+ border: 2px solid white;
30
+ margin: 0 auto;
31
+ .main_eleven_main{
32
+ background-color: white;
33
+ width: 250px;
34
+ height: 250px;
35
+ border-radius: 50%;
36
+ margin: 50px 56px;
37
+ p{
38
+ margin: 20px auto;
39
+ width: 220px;
40
+ font-size: 14px;
41
+ }
42
+ .main_eleven_white{
43
+ color: #ebb94d;
44
+ font-size: 22px;
45
+ margin-top: 50px;
46
+ font-weight: normal;
47
+ }
48
+ }
49
+ }
50
+ ```