css - CSS style=border初心者

Question

私はCSSを学んでいますが、少し問題があります。最適な 2 つのボーダースタイルを作成するにはどうすればよいですか?

<h2 style="border-left: Gray 10px solid" style="boder-top: Gray 10px solid">

私は試して実験したことを知りません。

score 2 · Accepted Answer

border-left:10px solid blue;

border-top:10px solid #ddd;

border-bottom:10px dashed #ff0000;

border-right:10px dotted #00ff00;

score 0 · Accepted Answer

それらを外部スタイルシートに記述するのが最善です。しかし、それらをインラインで書きたい場合は、次のようにするのが正しいでしょう:

<h2 style="border-left:Gray 10px solid; border-top:Gray 10px solid;"></h2>

score 0 · Accepted Answer

まずスペルが重要です。「border」のスペルを確認してください

このようなことができます

<h2 style="border-left: gray 10px solid; border-top: gray 10px solid">

score 0 · Accepted Answer

あなたは実際に非常に良い質問をしています。いくつかのオプションがあります。特定の H2 要素を変更するには、次のようにします。

<h2 style="border-left: Gray 10px solid; border-top: Gray 10px solid;">
    Hello World!
</h2>

これは、この要素に対してのみ機能します。いくつかの異なるページで独自の要素に対してこのスタイルを繰り返したい場合は、CSS スタイルシートを使用します。

#useId {
    border-left: Gray 10px solid;
    border-top: Gray 10px solid;
}

次に、HTML タグを追加できます。

<h2 id="useId">
    Hello World!
</h2>

次に、このスタイルをページ上の 1 つまたは複数の要素に追加できます。これは、css クラスを使用して行われます。

.useClass {
    border-left: Gray 10px solid;
    border-top: Gray 10px solid;
}

クラスを使用すると、ページ上の任意の要素に「useClass」を追加して、そのスタイルを取得できます。

<h2 class="useClass">
    Hello World!
</h2>

score 0 · Accepted Answer

1 つの要素で 2 つの「スタイル」を使用することはできません。「スタイル」属性は 1 つしか存在できません。

次のように作成できます。

border-width: 10px 10px 10px 10px;
border-color: red green blue yellow;
border-style: solid solid dotted dotted;

順番は上→右→下→左です。

style="border-width: 10px 10px 10px 10px; border-color: red green blue yellow; border-style: solid solid dotted dotted;"

score 0 · Accepted Answer

<h2 style="border-left:10px solid #000;border-top:10px solid #000;border-bottom:10px solid #000;border-right:10px solid #000;">
    Hiiiiiii
</h2>

6 に答える 6