- 博客(3)
- 收藏
- 关注
转载 基于伪元素(before/after)的有趣实例
伪元素的英文是pseudo-element,意思是虚假的元素。 在CSS2中,伪元素(如:before)与伪类(如:hover)都是以单引号开头;在CSS3中,为了跟伪类区分,变成双冒号(如::before),但为了浏览器兼容,大多数还在继续使用单冒号。 总体概括,伪元素有以下几个重点:1. 必须设置content2. 伪元素插入的默认为内联元素3. 伪元素上可以使用伪类(div:h...
2016-06-29 15:03:00 297
转载 重新整理:纯CSS写三角形
整理一下几年前写的知识点,关于如何用纯CSS写三角形。 方法1:利用CSS3旋转正方形 知识点: transform:rotate(45deg) 兼容性:FF/Chrome/IE9+ html: <div class="imgbox1"> <img src="images/200x300.jpg" alt="" /> ...
2016-06-16 16:47:00 101
转载 图片列表不换行的几种方式
在制作图片列表时,因为统一给li设置margin-right的值,而导致最右边的图片折行。应对这个问题,总结了几个解决方案。 以“页面宽度1000px,一行四图”为例。 1. 设置ul宽度 思路: ul父级div设置width与overflow; ul设置width的值大于四个图的宽度加上外边距 代码如下: 1 <div class="...
2016-06-02 16:15:00 818
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人