<!DOCTYPE html>
<html>
<head>
    <style>
        #example1 {
            background-image: linear-gradient(#e66465, #9198e5);;
            background-clip: border-box;
            background-repeat: no-repeat;
            padding: 20px;
            border: 10px dashed;
        }
    </style>
</head>
<body >

<div id="example1">
   Here we have background with background-clip property
</div>
</body>
</html>
