+ 2
How do you make buttons without using the <button> tag
I looked everywhere but didn't find any good information about how you make a good-looking button. Can anyone help?
7 Respostas
+ 3
Some people just like to down-vote others without providing a correct alternative. Here's an example of how to style both <button> and <a> WITHOUT JavaScript:
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
.button {
padding: 10px 25px;
margin-bottom: 40px;
font-size: 24px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #009a9a;
border: none;
border-radius: 7px;
box-shadow: 0 5px #00cdcd;
text-decoration: none;
}
.button:hover {
background-color: #008080;
}
.button:active {
background-color: #008080;
box-shadow: 0 3px #004d4d;
transform: translateY(1px);
}
</style>
</head>
<body>
<h1>A CSS Styled Button</h1>
<button class="button">Click Me</button>
<br />
<a href="#" class="button">Click Me</a>
</body>
</html>
+ 1
<input type="button" value="Click me" />
+ 1
The one who's down-voting relevant answers is an a**hole.
0
maybe with a hoover image to simulate a button
0
You use css and style a link <a> to look like a button. Take the css course first or just follow an online guide.
0
you can use javascript or jquery to create the button and use css to style it
- 1
Bro your questions it has no....
Costuma ter perguntas como essa?
Aprenda de maneira mais eficiente, de graça:
Quente hoje
Pig Latin
0 Votes
Someone can help me
0 Votes
Square Roots
0 Votes
What's wrong with this?
2 Votes
I’m new someone can help me
0 Votes
HTML community, HELP!!
0 Votes
What's doctype htMl
2 Votes
How this program executes?
0 Votes
I am a super beginner
0 Votes