<!doctype html> | |
<meta charset="utf-8"> | |
<title>Big button with gradient (without padding)</title> | |
<style> | |
#button { | |
width: calc(300px + 2 * 30px); | |
height: calc(80px + 2 * 20px); | |
background: linear-gradient(blue, green); | |
border-width: 5px; | |
border-style: solid; | |
border-color: red; | |
border-radius: 10px; | |
} | |
</style> | |
<div id="button"></div> |