HTML Element Style How to - Add border to div with box-shadow property

Question

We would like to know how to add border to div with box-shadow property.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
div{<!-- www .jav  a2s .  c o  m-->
    width:300px;
    height:100px;
    background-color:yellow;
    box-shadow: 10px 10px 5px #888888;
}
  </style>
</head>
<body>
  <div> </div>
</body>
</html>

The code above is rendered as follows: