worlio-themes/buttontest.html
2023-04-20 22:15:52 -05:00

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>