<div class="text_solid">立体字效果</div>

<style> 

.text_solid{

    font-size: 32px;

    text-align: center;

    font-weight: bold;

    line-height:100px;

    text-transform:uppercase;

    position: relative;

background-color: #333;

    color:#fff;

    text-shadow:

    0px 1px 0px #c0c0c0,

    0px 2px 0px #b0b0b0,

    0px 3px 0px #a0a0a0,

    0px 4px 0px #909090,

    0px 5px 10px rgba(0, 0, 0, 0.6);

}

</style>