标签:前端

前端技术

利用css实现小三角形教程

6

白露 发布于 2021-04-19 14:14:14

利用css实现小三角形教程

经常在网站上看到那种小三角形的样式,白露也没有去仔细研究那种网站上小三角形样式的实现原理,今天有时间,就一起来探究一下吧! 制作小三角形的原理 建立一个盒子,然后利用盒子的边框填充颜色,就可以得到小三角形。下面是分解三角形的最初模型,这样拿到三角形之后只需要设置以下样式就得到了。...

阅读(525)评论(0)赞 (6)

前端技术

深入理解伪类和伪元素!

2

白露 发布于 2021-04-19 14:14:14

深入理解伪类和伪元素!

前言 CSS 引入伪类和伪元素的概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。 概念 【伪类的概念】 1. 规范解释 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根...

阅读(551)评论(0)赞 (9)

前端技术

css文本显示两行,多余的用省略号[…]表示

1

白露 发布于 2021-04-19 14:14:14

css文本显示两行,多余的用省略号[…]表示

首先看一下css单行文本超出部分显示省略号[…]实现代码: 对于多行文字, 上面的代码就不适用了。这时候我们就要用到WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端; 多行超出部分显示省略号[…]实现代码: 我们只需要改变-webkit-line-clamp的...

阅读(585)评论(0)赞 (12)