用 CSS3 实现一个透明色的按钮

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/*a标签鼠标移入*/
a:hover { 
    border-color:white; /*边框颜色*/
    color:black; /*文字颜色*/
    background-color:white; /*背景变白*/
}

/*移除a标签样式*/
a:link,a:visited{
      text-decoration:none;
}


.tm-intro-link
{
    border:2px solid; /*边框*/
    color:white; /*边框及文字颜色*/
    /*border-radius:50px;圆角*/
    display:inline-block;
    padding:15px 60px;
}

/*渐变*/
a{
      transition:all 0.3s ease
}
<a href="#" class="tm-intro-link">我是一个测试按钮</a>

初学前端,感觉好难。

Built with Hugo
主题 StackJimmy 设计