如果您只想使用一个输入标签和 css 来制作时髦的按钮,我们有很多想法,但我编写了简短的示例 css 代码。希望对你有用
#styleThisButton {
width: 120px;
height: 48px;
font-size: 1rem;
padding: 12px;
border-radius: 10px;
margin: auto;
letter-spacing: 2px;
background: linear-gradient(to right, #a223d1, #4631ce);
border: none;
transition: all 0.5s ease-in-out;
cursor: pointer;
}
#styleThisButton:hover {
transform: translate(0, -5px);
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
<body>
<input type="button" value="style" id="styleThisButton"/>
</body>