如何在CSS中设置按钮样式

问题描述 投票:0回答:1
html css button styles
1个回答
0
投票

如果您只想使用一个输入标签和 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>

© www.soinside.com 2019 - 2024. All rights reserved.