Q&A
コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
>そもそもの考え方も含めてご教示いただけましたら
そもそもQAでおさまる範囲ではないので入門書の1冊や入門系の記事を一通り読んだ方が良いです。
質問です
html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="flex-menu"> <a href="リンク">A</a> <a href="リンク">B</a> <a href="リンク">C</a> <a href="リンク">D</a> </div></html></body>
css
.flex-menu{
display:flex;
justify-content: center;
}
.flex-menu a {
margin: 30px;
text-decoration: none;
}
a:hover {
text-decoration: none;
border-bottom: 4px solid chocolate
}
となっている場合に、文字と下線をもう少し引き離したい（余白を入れたい）、さらに下線も長くしたいのですが、その場合の設定コードが分かりません。教えてください
回答1件
0
自己解決
質問を変えました。よろしくお願いします。
投稿2020/09/11 01:51
編集2020/09/11 05:56
総合スコア15
本回答は本質問を解決する内容になっているようには思えませんが、どのように解決とできるのか説明してもらえませんか？
「質問しなおす」という意味だとしたら、質問を編集してもらったら良いのですけど。
そもそも論は撤回します
具体的にhoverでカーソルを持ってきたときに、下線ができて、その下線に色がついていて、ということをやりたかったのですが、自己解決しました。ただ、1点、文字と下線の間にスペースを入れたいのですが、これはどのようにやればできるのでしょうか？
a:hover {
text-decoration: none;
border-bottom: 4px solid chocolate
}
質問内容と解決策があってるように思えません（それだけ他者に何も伝わっていないということ）
質問も回答も編集できますよ。
今のところ質問も修正されていませんし、回答も「すみません、やり直します」だけです。
あなたの回答
tips
プレビュー
