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

回答編集履歴

2

修正しました。

2020/04/26 04:13

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  「background-colorをずらす」のは、おそらく難しいと思います。
2
2
 
3
- 添付された画像のような見た目を作る場合、自分なら以下のように実装します。
3
+ 添付された画像のような見た目を作る場合、自分なら以下のように見出やボタンのほうをずらします。
4
4
 
5
5
  ```CSS
6
6
  .about {

1

修正

2020/04/26 04:13

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -20,4 +20,15 @@
20
20
  top: -20px; /* 好きなように調整してください */
21
21
  left: -20px; /* 好きなように調整してください */
22
22
  }
23
+ .about a {
24
+ position: absolute;
25
+ bottom: -20px;
26
+
27
+ /* 以下は、ボタンのつくり (display、width) の指定にあわせてカスタマイズしてください */
28
+ left: 0;
29
+ right: 0;
30
+ margin: 0 auto;
31
+ width: 200px;
32
+ text-align: center;
33
+ }
23
34
  ```