点击返回的自适应html代码
点击返回的自适应html代码,代码如下:
<button class="goBack" onclick="goBack()">Go Back</button>
<script>
function goBack() {
window.history.back();
}
</script>
<style>
/*
.goBack {
width: 100%;
max-width: 200px;
margin: auto;
display: block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.goBack:hover
{background-color: #0062cc;}
*/
.goBack{
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
/*border-radius: 5px;*/
cursor: pointer;
text-align: center;
}
.goBack:hover
{ background-color: #0062cc; }
</style>
