Buenas noches amigos aquí os dejo la propuesta de mi ejercicio, ahí va el código, gracias por vuestro tiempo.
Saludos.
<!DOCTYPE>
<html lang="es">
<meta name="description" content="portal web aprenderaprogramar.com">
<meta name="keywords" content="efectos css radial-gradient o degradado circular tipo circle o ellipse">
<meta charset="utf-8">
<title>Efectos css radial-gradient o degradado circular tipo circle o ellipse. border-image para bordes personalizados</title>
<style type="text/css">
div {
margin: 0 auto;
width: 400px;
height: 200px;
border: 2px solid transparent;
background-image: radial-gradient(ellipse farthest-corner at 40px 40px , #00e9FF 0%, rgba(10, 50, 200, 0) 50%, #ff00e5 95%);
border-image-source: url(http://www.desarrolloweb.com/articulos/ejemplos/css/border-image/sello.png);
border-image-slice: 33;
border-image-width: 20px;
border-image-repeat: stretch;
}
</style>
<body>
<div></div>
</body>
</html>