-4

これは私の最近のプロジェクトのコードです。私は初心者なので、このコードにはいくつかの標準が欠けている可能性があります。

注目のスライダーのない HTML サンプル ページ

シャドウ用に定義したクラスの名前は「sawli」です

コード HTML

<div id="container-o">
<!-- Start of Main -->
<div id="main" class="sawli">
<div id="content">
<h1>Welcome to SEOCrust</h1><hr />
<p>This is a Parragraph Text</p>
</div>
</div><!-- End of Main -->

そのためのCSS

#container-o{ /*Main container*/
    width:70%;
    display:block;
    padding:0;
    margin-top:-280px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#container-o p{
    font-size:18px;
}

#main{
    height:100%;
    width:100%;
    margin:20px auto;
    border:0px;
    padding:10px 10px 10px 10px;
}
.sawli {
    box-shadow:6px 0 4px  -4px #222 , -6px 0 4px  -4px #222;
    -moz-box-shadow:6px 0 4px  -4px #222 , -6px 0 4px  -4px #222;
    -webkit-box-shadow:6px 0 4px  -4px #222 , -6px 0 4px  -4px #222;    
}
#main #content{
    float:left;
    padding:0;
    position:relative;
}

これは私のコードのスニペットです。

私を助けてください！

4

1 に答える 1

1

同じ div に 2 つの ID を使用しています。id="sawli" を class="sawli" に変更してから、CSS を変更してみてください。

#sawli { ... }

に

.sawli { ... }

同じオブジェクトで 2 つの識別子を使用することはできません。ただし、識別子とクラスを組み合わせることができます。

コードをダウンロードするよりも見栄えがよくなるように、ここにコードをコピーしていただけますか?

これを参照してください：

http://jsfiddle.net/CDe3E/

実際には、いくつかのスタッフを削除できます:

http://jsfiddle.net/CDe3E/1/

それがあなたが望むものかどうか見てください。

于 2012-12-26T10:25:31.233 に答える