摘要：主要解决两个问题:1.border的长度和位置控制2.相同元素的border重叠 &:after, &:before{ content: " "; position: absolute; width: 100%; height: 0px; border-bottom: 1px solid #ccc; color: #ccc; transform-origin: 0 100%; t... 阅读全文

摘要：前段时间在研究过用CSS来实现画出一个箭头，效果如下： 实际上它是由下面两部分旋转一定角度后得到的。 我今天要讲的红色的这一部分，也就是箭头的尾巴。 1.水平半径和垂直半径 平时我们想要圆角的时候，直接设置的border-radius，像下面这样： border-radius: 10px； 我们将border-radius: 300px还原成其整容前的模样，结果是： border-radius... 阅读全文

摘要：这里需要解决如下几个问题： 1.vertical-align只对内联元素有效？inline和inline-block都可以用吗？ 2.两个相邻的元素同时使用vertical-align的时候为什么会失效？ 3.如何利用vertical-align 和 line-height的关系呢？ 1.1 ver 阅读全文

摘要：如何实现带文字的三角形 新项目中有这么一个可爱的小标记，如下： 前段时间刚刚学习了如何用border来实现三角形， 参考地址：https://css-tricks.com/examples/ShapesOfCSS/ 想了想，该方法在这里并不适用，于是开始了新的研究。 在网上爬到一篇讲带图片的三角形， 阅读全文