css3中box-shadow被用來添加陰影

書寫格式:

                    box-shadow:水平陰影位置  垂直陰影的位置  模糊的距離  陰影的顏色

                    box-shadow:10px   10px  2px gray

                  字體陰影:

                   text-shadow:水平陰影位置  垂直陰影的位置  模糊的距離  陰影的顏色

                   text-shadow:10px   10px  2px gray



<style>
    div{
        width:300px;
        height: 100px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 0px 0px 20px 20px;
        background: red;
    }
    p{
        width: 100px;
        height:100px;
       box-shadow:10px 20px 2px gray ;
        background:blue;
    }
</style>
<div>
</div>
<p>
</p>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章