常用css

加粗:  font-weight:bold;

下划线: text-decoration: underline;

两个div一排:  clear:both;  float:left;

鼠标悬停变点击手指 : cursor:pointer;

文字居中:  text-align:center;   

div在父div中左右居中:margin: auto;

div靠最右:right:0;position:absolute;

鼠标变手: cursor:pointer

overflow: hidden;
      /*不允许滚动条*/
      white-space: nowrap;
      /*不允许文本换行*/
      text-overflow: ellipsis;
      /*文本超长显示省略号*/

分割线:

.splitLine {

    height: 2px;
    background-color: #f3f3f4;
    margin: 10px;
  }

params: JSON.stringify({
          "eq_online_status": this.onlineType,
          "isException":"0",
          ...this.filterOptions
        }),
        start: 0,
        size: this.pageSize,
        toExcel: this.toExcel

显示svg图片

循环

橙色渐变 ['#783734','#b64627','#f1714d','#e17e27','#e0aa40','#cbc652','#f0e138','#e8e2a0','#fef69d'],

蓝色渐变['#0b5b57','#099790','#29d3cb','#63b7b3','#499cbd','#0c9dd6','#6ec9ee','#b7dbea','#bdecff'],

紫色渐变['#502d70','#7950a1','#aa92c4','#c299b3','#b87da4','#dea0af','#f1ccc0','#e4d8b7','#f2f4c0'],

 

白底

background-color: #fff;
box-shadow: 2px 2px 10px rgba(167, 167, 167, 0.25);
border-radius: 5px;

 

 

 

你可能感兴趣的:(前端)