◃input id="canape-button" type="button" onClick="location.href='https://translate.google.co.jp/?hl=ja&tab=wT#en/ja/breaktime'" value="ボタンの文字">
code
-- <head>内の共用CSS --
<style>
#canape-button {
width: 100px;
height: 27px;
font-size: 14px;
background-color: #0000CC;
font-family: cursive;
color: #ffff80;
border-style: solid;
border-color: #ffff80;
border-width: 2px;
border-radius: 8px;
}
#canape {
width: 600px;
height: 30px;
font-size: 20px;
background-color: #43a0e8;
text-align: center;
color: #0000CC;
border-style: solid;
border-color: #ffff80;
border-width: 2px;
border-radius: 8px;
}
</style>
<input id="canape-button" type="button" value="ボタン" onclick="location.href='#'">
<input id="canape-button" type="button" onclick="location.href='https://translate.google.co.jp/?hl=ja&tab=wT#en/ja/breaktime'" value="画面遷移">
<input id="canape-button" type="button" onclick="history.back()" value="直前のページ">
<a href="https://qiita.com/SUGISHIA/items/d4d8b48be48767c17815">inputタグ、buttonタグでの画面遷移の記述について