![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
爱健身_程序猿
这个作者很懒,什么都没留下…
展开
-
文字显示样式总结
一、一行显示,多出文字省略: overflow: hidden; text-overflow: ellipsis; white-space: nowrap;原创 2021-11-01 12:31:25 · 97 阅读 · 0 评论 -
背景图自适应屏幕宽度,
直接上代码: <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原创 2021-09-18 10:30:50 · 76 阅读 · 0 评论 -
用纯CSS实现的箭头
用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。 基本原理 原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解: 一个梯形 当元素宽、高和边框的宽相近(等)时,改变某一边的颜色可以看到一个梯形; #demo11 { border: 10px solid #000; border-left-转载 2017-10-12 12:42:09 · 281 阅读 · 0 评论