26 lines
679 B
HTML
26 lines
679 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
button {
|
||
|
|
background: url('main-button.svg');
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
border: none;
|
||
|
|
margin: 2px;
|
||
|
|
}
|
||
|
|
path { stroke-width: 2; }
|
||
|
|
.btn1 { width: 50px; height: 50px; }
|
||
|
|
.btn2 { width: 100px; height: 50px; }
|
||
|
|
.btn3 { width: 150px; height: 100px; }
|
||
|
|
.btn4 { width: 100px; height: 200px; }
|
||
|
|
.btn5 { width: 50px; height: 150px; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<button class='btn1'>Button 1</button>
|
||
|
|
<button class='btn2'>Button 2</button><br>
|
||
|
|
<button class='btn3'>Button 3</button><br>
|
||
|
|
<button class='btn4'>Button 4</button>
|
||
|
|
<button class='btn5'>Button 5</button><br>
|
||
|
|
</body>
|
||
|
|
</html>
|