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

質問編集履歴

1

コードの更新

2020/09/26 04:43

投稿

yanmar
yanmar

スコア4

title CHANGED
File without changes
body CHANGED
@@ -33,4 +33,75 @@
33
33
  height: 80px;
34
34
  width: 80px;
35
35
  margin:0 auto;
36
+ }
37
+
38
+
39
+ 2.
40
+ <HTML>
41
+ <div class="part3">
42
+ <h2>エンジニアとして本当の自由を手に入れるためには?</h2>
43
+ <div class="content">
44
+ <br><br>エンジニア需要の高まりに伴い、プログラミングスクールが増えています。
45
+ <br>しかし、そこでの学習の先は提携して決められた就職先に就職すること。
46
+ <br><br>これで本当にいいのですか?
47
+ <br>日本人エンジニアはアメリカ比べて給料が格段に低い。
48
+ <br>その理由がここにあり、エンジニアは自分の給料をコントロールすべきなのです。
49
+ <br><br>スキルを身に付けたエンジニアは、人生をコントロールすることでより自由に。
50
+ <br>そこで必要なのが<span class="under">「稼ぐ力」</span>です。
51
+ </div>
52
+ </div>
53
+
54
+ <CSS>
55
+ .part3 {
56
+ text-align: center;
57
+ margin-bottom: 100px;
58
+ }
59
+
60
+ * {
61
+ margin: 0;
62
+ padding: 0;
63
+ }
64
+
65
+ .part3 h2 {
66
+ position: relative;
67
+ text-align: center;
68
+ padding: 35px 0;
69
+ margin: 10px auto;
70
+ margin-top: 50px;
71
+ }
72
+
73
+ .part3 h2::before {
74
+ content: "";
75
+ position: absolute;
76
+ top: 10px;
77
+ left: 350px;
78
+ width: 50px;
79
+ height: 50px;
80
+ border-top: 4px solid #EBB94D;
81
+ border-left: 4px solid #EBB94D;
82
+ }
83
+
84
+ .part3 h2::after {
85
+ content: "";
86
+ position: absolute;
87
+ top: 50px;
88
+ right: 300px;
89
+ width: 50px;
90
+ height: 50px;
91
+ border-bottom: 4px solid #EBB94D;
92
+ border-right: 4px solid #EBB94D;
93
+ }
94
+
95
+ .content {
96
+ font-size: 20px;
97
+ font-weight: 100;
98
+ margin-bottom: 100px;
99
+ }
100
+
101
+ .content span {
102
+ color: black;
103
+ font-weight: bold;
104
+ }
105
+ .under {
106
+ background: linear-gradient(transparent 70%, #EBB94D 0 );
36
107
  }