![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
程序员跑去做实施了
这个作者很懒,什么都没留下…
展开
-
两行文字,溢出隐藏,并显示省略号
.p{display: -webkit-box; //将对象作为弹性伸缩盒子模型显示;overflow: hidden;-webkit-box-orient: vertical;//从上到下排列子元素;text-overflow: ellipsis;//溢出部分用省略号代替-webkit-line-clamp: 2;//设置文本显示两行}...原创 2020-05-08 11:25:59 · 1037 阅读 · 0 评论 -
cursor css(鼠标悬浮禁用) 网页制作CSS中的光标类型
Cursor是网页制作CSS中的光标类型,与图标文件Icon一样,是特殊类型的小位图。语法:cursor :auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resize|text|vertical-text|wait|*-resize|url...原创 2019-09-16 15:48:41 · 2093 阅读 · 0 评论 -
全选、取消全选
js部分function checkit(isChecked) { $(".product-checked").each(function () { $(this).prop({'checked': isChecked}); })}html部分<label class="checkbox" style="border: none;"> <input type...原创 2019-09-16 16:18:07 · 864 阅读 · 0 评论 -
去到底部、回到顶部css当网页向下滑动 20px 出现"返回顶部" 按钮
html<div> <button onclick="returnTop()" id="btnTop" title="返回顶部">返回顶部</button> <button onclick="returnBottom()" id="btnBottom" title="去到底部">去到底部</button>...原创 2019-09-18 15:07:39 · 1355 阅读 · 0 评论 -
css实现图片放大效果(鼠标悬浮)
html<img class="image" src="/images/aaa.jpg" />css.image { height:50px; /*放大完成时间*/ transition: all 2s;}.image:hover { cursor: crosshair; /*放大倍数*/ transform: scale(5);}...原创 2019-09-18 15:12:26 · 4620 阅读 · 0 评论