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? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个
154 0
|
10月前
|
XML 前端开发 数据格式
什么是CSS?
什么是CSS?
|
10月前
|
前端开发
CSS总结干货
行内样式表(行内式) 行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式. ​ 语法:
|
前端开发
CSS3介绍
CSS3介绍
114 0
CSS3介绍
|
前端开发
初识css
初识css
139 0
|
前端开发 JavaScript 容器
css知识总结
css知识总结
159 0
css知识总结
|
前端开发 JavaScript C++
初识Windi Css
初识Windi Css
871 0
|
前端开发 JavaScript
CSS-1
1-CSS初识 01-CSS定义 英文全名:cascading style sheets 层叠样式表 WEB标准中的表现标准语言,简单说就是如何修饰 网页信息 的显示样式。 目前推荐遵循的是W3C发布的CSS3.0 1998年5月21日由w3C正式推出的CSS2.0
CSS-1
|
前端开发
18. css
18. css
146 0
18. css