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

質問編集履歴

2

2017/02/27 03:22

投稿

o-ban
o-ban

スコア14

title CHANGED
File without changes
body CHANGED
@@ -4,11 +4,11 @@
4
4
  <h3>about us</h3>
5
5
  <div class="about">
6
6
  <ul>
7
- <li><a href="event.html">home<br>
7
+ <li><a href="#">home<br>
8
8
  <span>家</span></a></li>
9
- <li><a href="yoga.html">home<br>
9
+ <li><a href="#">home<br>
10
10
  <span>家</span></a></li>
11
- <li><a href="blog.html">home<br>
11
+ <li><a href="#">home<br>
12
12
  <span>家</span></a></li>
13
13
  </ul>
14
14
  </div>

1

よろしくお願いします。

2017/02/27 03:22

投稿

o-ban
o-ban

スコア14

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,7 @@
1
- サイドバーに縦並びのliを入れたいのですがうまくいきません。``` <aside>
1
+ サイドバーに縦並びのliを入れたいのですがうまくいきません。
2
-
2
+ ```ここに言語を入力
3
+ <aside>
3
- <h3>about us</h3>
4
+ <h3>about us</h3>
4
5
  <div class="about">
5
6
  <ul>
6
7
  <li><a href="event.html">home<br>
@@ -11,29 +12,28 @@
11
12
  <span>家</span></a></li>
12
13
  </ul>
13
14
  </div>
14
- </aside>
15
+ </aside>
15
16
  ```
16
17
  こんな感じのコードなのですが、
17
18
 
18
19
  h3 は text-align: center;でasideの真ん中にもって来れたのですが、
19
20
  liの部分が真ん中に来てくれません。
21
+ ```ここに言語を入力
20
- ```.about a {
22
+ .about a {
21
23
  display: block;
22
24
  width: 100%;
23
- text-decoration: none;
25
+ text-decoration: none;
24
26
  color: #000;
25
27
  }
28
+
26
29
  span {
27
30
  font-size: 10px;
28
- padding-bottom: 10px;
31
+ padding-bottom: 10px;
29
32
  }
30
33
 
31
34
  .about a :hover {
32
- background-color: rgba(245,172,24,0.)
35
+ background-color: rgba(245,172,24,0.3)
33
36
  }
34
-
35
-
36
37
  ```
37
- あとhoverしたときに色を付けたいのですが、spanタグの中にしか色がついてくれません。li全体に色を付ける場合はどんな感じでコードを書けば
38
+ あとhoverしたときに色を付けたいのですが、spanタグの中にしか色がついてくれません。
38
- いいのでしょうか。
39
+ li全体に色を付ける場合はどんな感じでコードを書けばいいのでしょうか。
39
- よろしくお願い致します。