Css样式整理

带边框的小箭头.png
标签页横线带小箭头

标签页横线带小箭头

栏目1

单行溢出省略号

.text{
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

多行溢出省略号

.text{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

背景色渐变

header {
  background: linear-gradient(left, #168d7d, #77f1e0);
  background: -ms-linear-gradient(left, #168d7d, #77f1e0);
  background: -webkit-linear-gradient(left, #168d7d, #77f1e0);
  background: -moz-linear-gradient(left, #168d7d, #77f1e0);
}

你可能感兴趣的:(Css样式整理)