18

画像の周りに境界線が表示されません。何が問題なのかよくわかりません。写真の周りに小さな黒い枠が必要です。私のウェブサイトはhttp://www.welovetile.comです。何が問題なのかわかりません。ありがとう。

CSS:

#kitchen {
        height:250px;
        width:346px;
        background-image:url(images/kitchenbg.jpg);
    }

        #kitchen img
        {   
            top: 50%;
            left: 50%;
            width: 316px;
            height: 228px;
            margin-top:11px;
            margin-left:15px;
            border-color:#000000;
            border-width:thin;
        }

HTML:

<div id="kitchen">
    <img src="images/kitchen.jpg" alt="Kitchen Tile Job"/>
</div>
4

5 に答える 5

37

ボーダーには、幅、スタイル、色の 3 つの主要部分があります。このスタイルは、他のものを機能させるために必要です。

スタイルを追加してみてください：

border-style: solid;

また、これらすべてを css の同じ行で指定できます。

border: thin solid black;

更新しました

Wesley が指摘したように、必要なのは border-style だけです。

http://www.w3schools.com/css/css_border.aspから:

border-styleプロパティが設定されていない限り、border プロパティは何の効果もありません!

于 2012-12-12T21:00:27.173 に答える
6

あなたは間違っている：

border-style: solid;
于 2012-12-12T21:00:08.507 に答える
6

次のように、境界線の幅/スタイル/色を 1 つの行に配置できます。

Border: 1px solid black;
于 2012-12-12T21:00:47.960 に答える
1

これを試して：

border: 1px solid #F4F1E8;
box-shadow: 1px 1px 3px #4C4843;
于 2012-12-12T21:04:48.313 に答える
0

たとえば、境界線スタイル プロパティも追加しますborder-style: solid;。

于 2012-12-12T21:01:12.733 に答える