关闭-百.度为您推荐-小技巧

布满荆棘的人生 2022-05-26 09:48 103阅读 0赞

[点击][Link 1]

找了一个按钮样式想套在点击上试试来着，发现用不上，也就贴出来吧，想用的直接复制粘贴吧：

.button {
      color: #666;
      background-color: #EEE;
      border-color: #EEE;
      font-weight: 300;
      font-size: 16px;
      font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      text-decoration: none;
      text-align: center;
      line-height: 40px;
      height: 40px;
      padding: 0 40px;
      margin: 0;
      display: inline-block;
      appearance: none;
      cursor: pointer;
      border: none;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transition-property: all;
              transition-property: all;
      -webkit-transition-duration: .3s;
              transition-duration: .3s;
      }
      .button-3d {
      position: relative;
      top: 0;
      -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
              box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); 
    		 }
      
    .button-primary,
    .button-primary-flat {
      background-color: #1B9AF7;
      border-color: #1B9AF7;
      color: #FFF; }
    			
    .button-rounded {
      border-radius: 4px; }

update：自己用pycharm新建了一个H5 看了一下效果。。。

![20180428203205454][]

还有发这个文章时有个小插曲：就是我写成百.度是居然提示我文章待审核，我改成某度时才成功发布文章。

[Link 1]: https://www.baidu.com/duty/safe_control.html
[20180428203205454]: /images/20220526/5fa464ffe6434c678b132b4cf91cc1b1.png