CSS在面试中问到的比较少,一般都是CSS3的一些新特性,和CSS预编译语言的一些比较常规的用法。
画一条0.5px的线
考察的是CSS3的新特性。
-
方法一:CSS3 渐变(Gradients) 把元素的伪类高度设为1px,背景渐变,一半有颜色,一半透明。
-
方法二:利用缩放 transform:scale()
画一个三角形
-
方法一:利用 CSS3 transfrom 旋转 45 度实现三角形
-
方法二:利用 CSS3 transparent
<div class="kailong"></div>
.kailong{
width:0;
height:0;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
border-bottom: 20px solid green;
- 方法三: svg