質問編集履歴

1

ああああああああああ

2023/03/31 05:44

投稿

gujhufiugho
gujhufiugho

スコア245

test CHANGED
File without changes
test CHANGED
@@ -1,7 +1,7 @@
1
1
  ハンバーガーメニューの3本線のコードを書いているのですが、棒線の太さを調節すると、3本線の内1つの線だけが別な太さで表示されてしまいます。
2
2
 
3
3
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-31/25f9d8a2-27a1-4c02-945f-bdd6b8c3a7af.png)
4
- CSSのheight: 1px; /* 横棒の太さ*/を2pxにすると3本とも太さは均一になるのですが、もう少し値を下げて線細くしようとすると上記のようになってしまいます。
4
+ CSSのheight: 1px; /* 横棒の太さ*/を2pxにすると3本とも太さは均一になるのですが、もう少し値を下げて線height:2px;からheght:1px;に下げて細くしようとすると上記のようになってしまいます。
5
5
  原因はなんでしょうか?
6
6
  ```html
7
7
  <label for="hamburger" class="c-hamburger-menu__button"><!-- ハンバーガーメニューのボタン -->