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

回答編集履歴

3

修正

2018/03/18 02:33

投稿

kszk311
kszk311

スコア3404

answer CHANGED
@@ -36,8 +36,6 @@
36
36
  追記 3/18
37
37
  ---
38
38
 
39
- 頂いたコメントを元に、
40
-
41
39
  ```css
42
40
  ul {
43
41
  background:linear-gradient(90deg,#fff 0%,#fff 50%,#f7e1b5 50%,#f7e1b5 100%);

2

いただいたコメントを元に

2018/03/18 02:33

投稿

kszk311
kszk311

スコア3404

answer CHANGED
@@ -31,4 +31,19 @@
31
31
  li {
32
32
  background: #f7e1b5;
33
33
  }
34
+ ```
35
+
36
+ 追記 3/18
37
+ ---
38
+
39
+ 頂いたコメントを元に、
40
+
41
+ ```css
42
+ ul {
43
+ background:linear-gradient(90deg,#fff 0%,#fff 50%,#f7e1b5 50%,#f7e1b5 100%);
44
+ }
45
+ li {
46
+ background: #f7e1b5;/* 親(div)の背景色をもう一度指定 */
47
+ }
48
+
34
49
  ```

1

追記

2018/03/18 02:32

投稿

kszk311
kszk311

スコア3404

answer CHANGED
@@ -9,4 +9,26 @@
9
9
  background: #f7e1b5;/* 親(div)の背景色をもう一度指定 */
10
10
  }
11
11
 
12
+ ```
13
+
14
+ 追記
15
+ ---
16
+ BBBとCCCの間が背景付けないと知って。
17
+ それだと強引になっちゃいますね。
18
+
19
+ ```css
20
+ ul {
21
+ position: relative;
22
+ }
23
+ ul:before {
24
+ background: #fff;
25
+ content: '';
26
+ display: block;
27
+ height: 100%;
28
+ width: 50%;
29
+ position: absolute;
30
+ }
31
+ li {
32
+ background: #f7e1b5;
33
+ }
12
34
  ```