0

私がやろうとしていること: http://gyazo.com/e1bd6baee9730b61655c43bf05a071f7.png

問題：

黒い枠は右側では機能しません。

写真：

http://gyazo.com/34b53980f862700b7444f433382b8b2c

<body class="container">
    <div class="contentbody">
        <div class="content">
        </div>
    </div>
</body>


.contentbody {
margin-top: 10;
border: solid 1px #000;

}

.content {
background: #232224;
width: 940px;
height: 500px;
border: solid 1px #373638;
}

私は何を間違えましたか？ボーダーにボーダーを使用するかどうかを考えると、2 つのボーダーとして機能するはずです..ありがとう。

4

2 に答える 2

0

css3を使用...

例

<div id="box-shadow"></div>


#box-shadow {
    width: 200px; 
    height: 75px;
    background-color: orange;
    border: blue solid 1px;
    box-shadow: 1px 0px 10px 5px rgba(0,0,255,0.5);
    -webkit-box-shadow: 1px 0px 10px 5px rgba(0,0,255,0.5);
}

ご挨拶。

于 2013-01-21T19:24:59.277 に答える
0

http://jsfiddle.net/Lucak/

.contentbody {
    display: inline-block;
    margin-top: 10;
    border: solid 1px #000;
}
.content {
    background: #232224;
    border: solid 1px #373638;
    width: 940px;
    height: 500px;
}
于 2013-01-21T19:25:15.157 に答える