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;
}
相关文章
|
3月前
|
存储 前端开发
什么是 CSS
什么是 CSS?
45 3
|
前端开发 容器
CSS(3)——总结
CSS(3)——总结
140 0
CSS(3)——总结
|
Web App开发 前端开发 图形学
CSS 20大酷刑(一)
CSS 20大酷刑(一)
100 0
纯CSS3实现一个丝带效果
纯CSS3实现一个丝带效果
130 0
|
前端开发
初识css
初识css
127 0
|
前端开发 容器
CSS总结
CSS总结
146 0
|
Web App开发 前端开发 安全
常用 CSS(下)
常用 CSS(下)
168 0
常用 CSS(下)
|
前端开发
18. css
18. css
130 0
18. css
|
前端开发 搜索推荐
初识CSS3
初识CSS3
93 0
|
前端开发 容器
CSS 实现切角效果
CSS 实现切角效果
CSS 实现切角效果