psd转换为html案例

1、css超出部分隐藏

overflow: hidden;

2、超出部分以省略号显示

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

3、css倒三角

width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid blue;

css倒三角的原理：

设置div的宽高为0，为其设置边框，如果是正三角的话，则设置左右边框为透明，下边框设置为自己需要的颜色（上面的代码是正三角）