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月前
|
Web App开发 前端开发 iOS开发
css3
css3
22 4
|
7月前
|
XML 前端开发 数据格式
初识CSS
CSS(Cascading Style Sheets)是一种用于给结构化文档(如HTML或XML)添加样式(如字体、间距和颜色)的编程语言。它通过使用选择器来指定样式,例如ID选择器 (#id)、类选择器 (.class) 和标签选择器 (element)。样式可以写在外部CSS文件中,然后在文档中引用,或者直接内联于HTML元素。当需要应用多个样式时,可以使用优先级来决定哪些样式生效。CSS还支持设置字体、浮动布局、内边距和外边距等属性,以及实现文本和元素的居中对齐。通过组合这些特性,开发者可以创建出复杂的网页布局和视觉效果。
|
前端开发 容器
CSS——每周总结
CSS——每周总结
107 0
CSS——每周总结
|
缓存 前端开发 JavaScript
CSS 20大酷刑(二)
CSS 20大酷刑(二)
130 0
|
XML 前端开发 UED
CSS基本讲解与使用(详解)
CSS基本讲解与使用(详解)
112 0
|
Web App开发 存储 前端开发
|
前端开发 JavaScript C++
初识Windi Css
初识Windi Css
833 0
|
前端开发 JavaScript
|
Web App开发 前端开发