Como fazer botões HTML

Botão simples

<button>Botão</button>

Largura

<button style="width:150px;">Botão</button>

Altura

<button style="width:150px;height:50px;">Botão</button>

Formato da letra

<button style="font-family: 'Lora', cursive;width:150px;height:50px;">BOTÃO</button>

Cor de fundo

<button style="background: #663208;font-family: 'Lora', cursive;width:150px;height:50px;">BOTÃO</button>

Cor da letra

<button style="background: #663208;color:#fff;font-family: 'Lora', cursive;width:150px;height:50px;">BOTÃO</button>

Tamanho da letra

<button style="background: #663208;color:#fff;font-family: 'Lora', cursive;font-size: 20px;width:150px;height:50px;">BOTÃO</button>

Borda arredondada

<button style="background: #663208;color:#fff;font-family: 'Lora', cursive;font-size: 20px;width:150px;height:50px;border-radius: 10px;">BOTÃO</button>

Estilo da borda

<button style="background: #663208;color:#fff;font-family: 'Lora', cursive;font-size: 20px;width:150px;height:50px; border: 3px dotted #fff;border-radius: 10px;">BOTÃO</button>

Botões com efeito Hover

Aplicar esse estilo aos botões 
<link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
<style>
.apert {background: #663208;width:150px;height:50px;color: #fff;font-family: 'Indie Flower', cursive;font-size: 30px;border-radius: 10px;border: 3px dotted #fff;}
.apert:hover {background: #a58d66;color: #fff;font-family: 'Lora', cursive;}
</style>

Botão com efeito hover e sem título

<button class="apert">botão1</button>

Botão com efeito hover e com título

<button class="apert"title="Clique">botão1</button>

Botão com efeito hover,com título e alt

<button class="apert"title="Clique"alt="Dicas">Botão</button>

Botão com efeito hover, com título e requerimento no campo

<form style="align-center"action="demo_form.asp"><input class="apert"type="text" name="usrname" required><br/>
<button type="submit"class="apert"title="Clique"alt="Dicas">Clique</button>
</form>

Botão com efeito hover, com título e requerimento no campo

<form style="align-center"action="demo_form.asp">
<textarea class="apert"type="text" name="usrname" required></textarea>
<br/>
<button type="submit"class="apert"title="Clique"alt="Dicas">Clique</button>
</form>

Sem borda

<button style="background: #663208;color:#fff;border:0px;font-family: 'Lora', cursive;font-size: 20px;width:150px;height:50px;border-radius: 10px;">BOTÃO</button>