0

IDが「gallery」のdivがあり、その中の画像のスタイルを設定したいと思います。具体的には、各画像が重なり合っているため、下部を除いて1pxの黄色の実線の境界線を付けたいので、下部の境界線を2倍にしたくありません。

私が混乱しているのは、さまざまな境界線スタイル要素（border、border-style、border-width）から選択する方法です。私はこれを試しました：

div#gallery img
{
    border-width:1px;
    border-style:solid;
    border: solid yellow;
    border: 1px 1px 0px 1px;
}

上記のcssで黄色の境界線を取得できましたが、境界線は2pxの境界線のように見えます（かなり太いです）。さらに、使用している構文はあまりエレガントに見えません。

これをより簡潔に/エレガントに行う方法に関する推奨事項はありますか？

4

2 に答える 2

3

これが最善の方法だと思います。

border: 1px solid yellow;
border-bottom: none;

border宣言の構文は、width style color4つの境界すべてに影響します。その後、border-bottomnoneとして宣言することで、下部をオーバーライドして境界線を使用しないようにすることができます。

于 2009-07-08T02:10:23.297 に答える
0

間違った方法があるかどうかはわかりませんが、基本的に3つの方法があります。

方法1

border-top: 1px solid yellow;
border-right: 1px solid yellow;
border-left: 1px solid yellow;

方法2

border: 1px solid yellow;
border-bottom: 0;

方法2

border: 1px solid yellow;
border-bottom: none;

私は方法2か方法3のどちらかを好みます。

（方法2と方法3は基本的に同じですが、両方の解決策を提供したかったので、「なし」または「0」のどちらかを選択できます）。

于 2015-04-09T21:20:30.917 に答える