<!doctype html> | |
<meta charset="utf-8"> | |
<title>Gradients with padding</title> | |
<link rel="help" href="https://drafts.csswg.org/css-images-3/#gradients"> | |
<meta name="assert" content="gradients cover element padding"> | |
<link rel="match" href="gradient-button-ref.html"> | |
<style> | |
#button { | |
width: 300px; | |
height: 80px; | |
padding: 20px 30px; | |
background: linear-gradient(blue, green); | |
border-width: 5px; | |
border-style: solid; | |
border-color: red; | |
border-radius: 10px; | |
} | |
</style> | |
<div id="button"></div> |