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

回答編集履歴

2

コード追加

2020/02/17 03:32

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -19,4 +19,21 @@
19
19
  上記のグラデーションは
20
20
  `background: linear-gradient(to right, #09529f 0%, #09529f 50%, #FFF 50%, #FFF 100%);`
21
21
  を省略記述したものです。
22
- %で変化する位置を決めることができますので、左から 0%から50%までは#09529f、50%から100%までは#FFFという意味になります。
22
+ %で変化する位置を決めることができますので、左から 0%から50%までは#09529f、50%から100%までは#FFFという意味になります。
23
+
24
+ ---
25
+ コメントより
26
+ > 左の青いボックスに文字を入れたい場合はコードのどこに文字を入れればいいんですか?
27
+
28
+ 下記のような感じで。
29
+
30
+ ```html
31
+ <div class="box">
32
+ <p>テキストテキスト</p>
33
+ </div>
34
+ ```
35
+ ```css
36
+ .box p {
37
+ width: 50%;
38
+ }
39
+ ```

1

説明追記

2020/02/17 03:32

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -13,4 +13,10 @@
13
13
  border: 1px solid;
14
14
  background: linear-gradient(to right, #09529f 50%, #FFF 50%);
15
15
  }
16
- ```
16
+ ```
17
+
18
+ 少し解説しておきます。
19
+ 上記のグラデーションは
20
+ `background: linear-gradient(to right, #09529f 0%, #09529f 50%, #FFF 50%, #FFF 100%);`
21
+ を省略記述したものです。
22
+ %で変化する位置を決めることができますので、左から 0%から50%までは#09529f、50%から100%までは#FFFという意味になります。