<div >
<div >
<div >
<a href="logintest.php">
<input type="submit" name="" value="click to login">
</a>
</div>
</div>
</div>
this method not working, i can't reach the php link
CodePudding user response:
Because you're already using bootstraps, I suggest using the built-in button classes. You can always overwrite the CSS to customize the buttons more, but this is a great starting place for you.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<div >
<div >
<div >
<div >
<a href="logintest.php">click to login</a>
</div>
</div>
</div>
</div>
CodePudding user response:
Thank you guys I got the answer:
.clickme {
-moz-appearance: button;
-ms-appearance: button;
-o-appearance: button;
-webkit-appearance: button;
appearance: button;
text-decoration: none;
padding: 0.2em 0.4em;
background: linear-gradient(to right, #564cda 0%, #d3bac6 100%);
font-size: 17px;
color: #fff;
border-radius: 10px;
border-style: none;
padding: 5px;
cursor: pointer;
}
.clickme:hover {
letter-spacing: 1px;
background: linear-gradient(to left, #53b9e9 0%, #0f3fdd 100%);
}
<div >
<div >
<div >
<a href="logintest.php">Click to Login</a>
</div>
</div>
</div>