css设置特别的样式（持续更新）

 1、

font-size: 28px;
      font-weight: 700;
      color: #109beb;
      text-shadow: 1px 1px 0 #ccc, -2px -2px 0 #ccc,
        /* end of 2 level deep grey shadow */ 3px 3px 0 #444, 2px 2px 0 #444,
        -3px -3px 0 #444, 2px 2px 0 #444; /* end of 4 level deep dark shadow */

2、 

text-shadow: 0px 1px 0px #c0c0c0, 0px 2px 0px #b0b0b0, 0px 3px 0px #a0a0a0,
        0px 4px 0px #909090, 0px 5px 10px rgba(0, 0, 0, 0.9);

3、

 background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);

4、四个边角设置

background-image: url('../../assets/bk-top-left.png'),url('../../assets/bk-top-right.png'),url('../../assets/bk-bottom-left.png'),url('../../assets/bk-bottom-right.png');

    background-repeat: no-repeat;

    background-position: left top,right top,left bottom,right bottom;

设置滚动条

 

      /*定义滚动条样式（高宽及背景）*/

      .threadTitle::-webkit-scrollbar {

        width: 6px; /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/

        height: 4px;

        background: #007acc;

      }

      /*定义滚动条轨道（凹槽）样式*/

      .threadTitle::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); /* 较少使用 */

        border-radius: 3px;

        background: rgba(0, 0, 0, 0.1);

      }

      /*定义滑块 样式*/

      .threadTitle::-webkit-scrollbar-thumb {

        border-radius: 3px;

        height: 100px; /* 滚动条滑块长度 */

        -webkit-box-shadow: inset 0 0 5px rgba(46, 250, 223, 0.8);

        background: rgba(46, 250, 223, 0.8);

      }