css小技巧

简介: css小技巧

当文字超出时用胜率号代替


<p>这是一段超出内容的话,必须要超出才会出现省略号</p>

p{
  width: 200px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


让文字的颜色为渐变


<p>我需要成为渐变色</p>

p{
  width: 200px;
  background: linear-gradient(to right, red, blue);
    webkit-background-clip: text;
    color: transparent;
}
相关文章
CSS应用
CSS应用
85 0
CSS
【6月更文挑战第25天】CSS。
53 0
什么是 CSS
什么是 CSS。
68 6
CSS总结干货
行内样式表(行内式) 行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式. ​ 语法:
浅学CSS
简单介绍一下CSS,详细学习可以参考 w3school 网站