![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
blueBings
努力的小吗喽。
展开
-
CSS - 纯CSS实现多行文本溢出省略(兼容所有浏览器)
<div class="mutil-line-ellipsis"> <div>CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)</div> </div> .mutil-line-ellipsis { height: 40px !important; width:400px; line-height.原创 2022-03-14 11:38:46 · 710 阅读 · 0 评论 -
设置禁止文字被选中
.main{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:...原创 2018-08-15 11:48:44 · 944 阅读 · 0 评论 -
鼠标悬停图标360度旋转效果
<!doctype html> <html> <head> <meta charset="utf-8"> <title>鼠标悬停图标360度旋转效果</title> <style> .xwcms { width: 20px; height: 20px; margin:原创 2018-09-26 14:48:26 · 1592 阅读 · 0 评论 -
IE8 background-size的兼容问题;
1.直接background .lotteryBut .But{ display: inline-block; height: 60px; width: 280px; background: url(../images/coupon/PC/couponBut.png) 0 0 no-repeat; margin: 40px auto; background-size: ...原创 2019-01-18 19:21:16 · 548 阅读 · 0 评论 -
css 优惠券兼容ie8版本
<style type="text/css" > .couponMain{width: 1670px;height: 2000px;background: #FE4227;} .couponContent{width: 700px; margin:0 auto;height:auto;} .lottery{width: 100%;min-height: 1...原创 2019-01-18 19:26:55 · 160 阅读 · 0 评论 -
10大H5前端框架
Bootstrap 首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心,来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才,但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美,所以...转载 2019-01-24 13:54:02 · 508 阅读 · 0 评论 -
css消息数量,圆圈数字,购物车数量。
html: <a href="index.html" class="nav">未读留言<div class="nav-counter nav-counter-blue">4</div></a> css: .nav{ width:100px; display:block; position:relat...原创 2019-05-30 16:12:45 · 4297 阅读 · 0 评论