0

次のようなページを作成しようとしています。

サンプル画像

他の div と比較して少し上に見える最初の div を作成できないため、すべてがうまくいっています。また、境界線の影もあります。cssを使用して同様の画像を作成する方法を教えてください。ありがとう..

4

1 に答える 1

1

最初の項目の唯一の特別な点は、その奥行き効果を作成する影です。これを再現するには、次のようなものを試すことができます。

li:first-child{
    background: #ccc;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5);
    position: relative;
    z-index: 1;
}

デモフィドル

于 2013-09-03T05:48:44.503 に答える