HTML中的盒子陰影

枕夢發表於2017-04-22
HTML
盒子陰影的五個值：1.X軸方向移動範圍、
                 2.Y軸方向移動範圍、
                 3.模糊程度（值越大越模糊）
                 4.模糊半徑
                 5.陰影顏色
用 box-shadow: 10px 20px 10px 5px red;表示
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: yellowgreen;          
            box-shadow: 3px 0 0 10px #16bc94;
        }
    </style>
    <title>盒子陰影</title>
</head>
<body>
<div>

</div>
</body>
</html>







相關文章