1

画像内のタイトルを枠の外または下に移動しようとしています。

ボーダー上のタイトル

私はmoodleテーマを使用しており、ボーダーを生成しているcssブロックを追跡しました

.course-content .section.main {
   border:1px solid #E3E3E3;
}

css ルールにパディングとマージンを追加しようとしましたが、役に立ちませんでした。

.course-content .section.main {
   border:1px solid #E3E3E3;
   margin-top:5px;
}

.course-content .section.main {
   border:1px solid #E3E3E3;
   padding-top:5px;
}

境界線の間隔を試しましたが、それはテーブルにのみ適用されるようです...

 .course-content .section.main{
   border:1px solid #E3E3E3;
   border-spacing:5px;
  }

html エディタで表示すると、タイトルはこの html で囲まれます。

   <div style="text-align: center; font-weight: bold;">
     <span style="font-size: x-large;" size="5">
       German III- HS/Part A
     </span>
   </div>

何百ものコースが含まれているため、html を手動で編集する必要はありません。

4

1 に答える 1

0

を適用するために使用しているセレクターは、必要なものを選択しpaddingてmarginいません。div にも span にもこれらのクラスがないため、設定しているパディングやマージンが得られません。

間隔を取得するための 1 つのオプションはpadding-top、スパンに適用することです。これを行うには、最初に適切なセレクターを見つける必要があります。

例として、次のセレクターは機能するはずですが、十分に排他的ではない可能性があります (つまり、ターゲットにしたいページよりも多くのスパンにプロパティに適用される可能性があります)。

div > span {
  padding-top: 5px;
}
于 2012-12-18T15:49:52.667 に答える