0

2 つの質問があります。それらを 1 つの投稿にまとめても問題ないことを願っています。

質問 1 画面全体に引き延ばしたい境界線がありますが、うまくいきません。width: 150% を試してみました。右側は問題ありませんが、左側は以前のままです。次に、margin:- 100% を追加しましたが、当然、div の項目で問題が発生しました。私のコードは以下です。また、私が試したコードはハックと見なされると思いますか? その癖がつかないようにしています。

#border{
border-top: thick double #000;
border-bottom: thick double #000;
padding: 1% 0 1% 0;
margin-top: 3%;
margin-bottom: 3%;
}
#wrapper{   
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
#content{
margin-top: -3%;
}

<div id="wrapper">
    <div id="content">
        <div id="border">
            <!--some small images-->
        </div>
    </div>
</div>

質問2 影付きのギザギザのエッジを div の上部に追加しようとしています。ギザギザのエッジの画像を作成し、css3 シャドウ効果を使用してみましたが、うまくいきませんでした。

4

1 に答える 1

0

#border は max-width:1200px の #wrapper 内にあるため、通常は 1200 マークで停止します。HTML を次のように変更します。

<div id="border">
  <div id="wrapper">
    <div id="content">
        <!--some small images-->
    </div>
  </div>
</div>​

そしてそこから作業。

2 番目の問題については、Google でCSS3 box-shadowを検索してください。多くの例があります。

于 2012-10-15T15:17:23.623 に答える