![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
圆滚滚的喵酱
这个作者很懒,什么都没留下…
展开
-
分栏布局(多列布局)
column-count: 列数目 column-gap: 各列之间间隙宽度 column-width: 建议宽度;未必会使用,浏览器基于此数值进行计算。 column-rule:列之间分割线宽度,风格,颜色 column-rule-width:列之间分割线宽度 column-rule-style:列之间分割线风格 column-rule-color:列之间分割线颜色原创 2017-03-20 09:39:58 · 3879 阅读 · 0 评论 -
背景图片随滚动轴移动
body{ height: 2000px; //因为该页面没有滚动条所以给页面一个高度出现滚动条 color: #fff; //测试背景图片为黑色所以设置页面字体颜色为白色 } div{ margin-top:500px; //给一个top测试的时候会更方便观看 background-image:url(plants-bg.png); //给元素原创 2017-03-24 16:29:35 · 989 阅读 · 0 评论 -
多行文本溢出显示省略号
这里是i喵酱,这个是一个多行超出换行的小demo,看这里看这里~~ overflow:hidden;内容会被修剪,超出隐藏。 text-overflow: ellipsis; 超出范围显示“...”。 display: -webkit-box; 把对象转换成弹性盒模型 。 -webkit-box-orient: vertical;设置或检索伸缩盒对象的子元素的排列方式 。 -webkit原创 2017-03-14 20:06:50 · 613 阅读 · 0 评论 -
透明度
网页中经常会遇见背景颜色透明了 上面的文字也跟着相对的透明了 想要有背景图透明文字不透明的效果 就用background-color: rgba(255, 150, 255, 0.4); div{ width: 500px; height: 300px; background-color: rgba(255, 150, 255, 0.4); filter:alph原创 2017-06-21 13:56:31 · 230 阅读 · 0 评论 -
阴影box-shadow
box-shadow: h-shadow v-shadow blur spread color inset; box-shadow:阴影类型(默认外阴影 inset为内阴影) x轴 y轴 模糊 扩展半径 阴影颜色原创 2017-06-21 14:07:07 · 200 阅读 · 0 评论 -
去掉btn外面的焦点蓝框
btn元素去掉焦点篮筐给btn元素加 outline: none;原创 2017-06-21 14:09:48 · 243 阅读 · 0 评论