CSS在html中怎么实现按钮线性渐变颜色描边/边框

1、启动DW软件并新建一个html网页，在head中引入CSS代码【<style type="text/css"></style>】

3、然后在body中写一个a标签来做按钮，并引入CSS，先给CSS起个名字为【button】。代码如下：<a href="#" class="button"> <span>Button</span></a>

5、然后再button的CSS代码中继续添加如下代码： padding: 3px; border-radius: 7px; text-decoration: none; position: relative;这一步是为了设置按钮边框的内间距，圆角并去掉按钮默认的下划线

7、最后我们把英文字母强制变大写，并加粗，代码如下： font-weight: 800; text-transform: uppercase;这样一个好看的彩色边框按钮就做好啦。