网站介绍

本网站提供一个简洁美观的按钮样式，用户可以轻松地将其添加到自己的网页中。这个按钮具有以下特点：

  • line-height 设置为 1.5,使得文本垂直居中；
  • display 设置为 inline-block,使得元素内联显示；
  • font-weight 设置为 400,使得字体加粗；
  • text-align 设置为居中，使得文本在元素内水平居中；
  • -ms-touch-action 和 touch-action 设置为 manipulation,使得鼠标和触摸屏操作时可以正常响应；
  • cursor 设置为指针，使得鼠标悬停时显示手指形状；
  • background-image 设置为 none,使得没有背景图片；
  • white-space 设置为 nowrap,使得文本不换行；
  • padding 设置为上下 0,左右 15px,使得按钮内部有一定的间距；
  • font-size 设置为 14px,使得字体大小适中；
  • border-radius 设置为 4px,使得圆角边框的半径为 4px;
  • height 设置为 32px,使得按钮高度固定为 32px;
  • -webkit-user-select、-moz-user-select 和 -ms-user-select 分别设置为 none,防止文本被选中；
  • transition 设置为所有属性改变的速度为 0.3s,颜色过渡曲线为 cubic-bezier(.645,.045,.355,1);
  • position: relative,使得按钮相对于其最近的定位祖先元素进行定位；
  • color 设置为半透明黑色(rgba(0,0,0,.65)),使得文字颜色深浅适中；
  • background-color 设置为白色(#fff),使得按钮背景色明亮清晰。

用户可以根据需要自定义按钮的大小、颜色等属性。只需在自己的网页中引入相应的 CSS 和 JavaScript 代码，即可使用这个美观易用的按钮样式。