html - CSSでリンクに枠をつける

Question

リンクに下枠を付けようとしていますが、インターネットから直接コードを使用しているにもかかわらず、機能しないようです。

lll {
  font-weight:normal;
  margin-bottom:5px;
  border-bottom: 3px solid blue;
  background: #EEE;
  display: table;
}

リンクの下部に太い境界線が必要な場合、どのようにすればよいですか?

score 2 · Accepted Answer

CSS でクラスセレクターを宣言するときは、次の文字列で開始する必要があり.ます。

.lll {
  font-weight:normal;
  margin-bottom:5px;
  border-bottom: 3px solid blue;
  background: #EEE;
  display: table;
}

CSS セレクターに関する便利な記事は次のとおりです。

score 1 · Accepted Answer

クラス課題のトライに失敗しました:

.lll {
 font-weight:normal;
 margin-bottom:5px;
 border-bottom: 3px solid blue;
 background: #EEE;
 display: table;
}

score 1 · Accepted Answer

セレクターlllはそのままでは機能しません。

また、使用している理由はありますdisplay: tableか？それはおそらくあなたのリンクを助けていません。display: inline-block代わりに試してみませんか？明らかに、あなたが取り組んでいるサイトを知らなければ、それを言うのは難しい.

しかし、これら2つのことを変更すると、間違いなく役立ちます!

score 1 · Accepted Answer

css を記述する前にドット (.) を使用するのを忘れました。次のようになるはずです

.lll {
  font-weight:normal;
  margin-bottom:5px;
  border-bottom: 3px solid blue;
  background: #EEE;
  display: table;
}

4 に答える 4