Thêm hiệu ứng bóng (box-shadow) cho phần tử với CSS

Giới thiệu

Sử dụng thuộc tính box-shadow để thêm hiệu ứng bóng cho phần tử.

Ví dụ

<html>
<head>
    <style>
        div {
            width: 300px;
            height: 100px;
            padding: 15px;
            background-color: red;
            box-shadow: 10px 10px;
        }
    </style>
</head>
<body>
    <div>Đây là phần tử div có box-shadow</div>
</body>
</html>

Kết quả