如何使用HTML和CSS创建这种div（Emboss）类型？

Question

我想像下面的Pic一样创建此div的浮雕部分。 ，请帮助我...

Click here for Image

Answer 1

喜欢这样？

 .emboss{

        width: 445px;
        height: 191px;
        box-shadow: inset 5px 5px 5px 0 #e9f0b7, inset -5px -5px 5px #7b6c51;
        background-image: url("box.jpg");
        background-repeat: no-repeat, repeat;
        background-position: center;
        margin-bottom: 8px;
        -moz-box-shadow: inset 5px 5px 5px 0 #e9f0b7, inset -5px -5px 5px #7b6c51;
        -webkit-box-shadow: inset 5px 5px 5px 0 #e9f0b7, inset -5px -5px 5px #7b6c51;
        box-shadow: inset 5px 5px 5px 0 #e9f0b7, inset -5px -5px 5px #7b6c51;

    }

enter image description here