qq_40595166的博客

一、一行显示，多出文字省略：overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

直接上代码： <div class="img-block"> <div class="right"> test </div> </div> .img-block{ position: relative; width: 100%; background: url("your img url") center center no-repeat; background-size: 100

用CSS即可绘制出各种箭头，无需裁剪图片，甚至没有用到CSS3的东西。对浏览器支持良好。基本原理原理非常简单，通过截取border(边框)的部分“拐角”实现，几行CSS代码即可理解：一个梯形当元素宽、高和边框的宽相近（等）时，改变某一边的颜色可以看到一个梯形；#demo11 { border: 10px solid #000; border-left-