css
陌紫芊宇
这个作者很懒,什么都没留下…
展开
-
Element 之loading颜色修改
Element中loading代码<div class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0.8);"> <div class="el-loading-spinner"> <i class="el-icon-loading"></i> <p class="el-loading-text">拼命加载中</p> </div&g原创 2022-04-20 16:03:20 · 4987 阅读 · 2 评论 -
css兄弟选择器
想要实现循环遍历的数据下面,每行添加虚线,最后一行不要,一行四组数据,显示效果如下无论最后一行有几组数据,都不显示虚线,首先html样式结构<div class="list-box"> <div class="app-box"> 标题名称1 </div> <div class="app-box"> 标题名称2 </div> ...原创 2022-04-19 16:56:25 · 8478 阅读 · 0 评论 -
小程序checkbox前面的方框样式
checkbox { /*checkbox 整体样式 */}checkbox .wx-checkbox-input { /* checkbox 前面选项框的背景样式 */}checkbox .wx-checkbox-input.wx-checkbox-input-checked { /* checkbox 被选中后前面选项框的背景样式 */}checkbo...原创 2020-03-12 14:32:56 · 439 阅读 · 0 评论 -
z-index无效的情况
z-index无效的情况,一共有三种:1、父标签 position属性为relative;2、问题标签无position属性(不包括static);3、问题标签含有浮动(float)属性。原创 2019-11-11 14:41:38 · 246 阅读 · 0 评论 -
tr标签单独添加border
直接定义table tr{ border-bottom: 1px solid #e5e5e5; }是不生效的,有border但是不显示;必须在tr外层的table标签添加border-collapse: collapse;属性table{ border-collapse: collapse; }table tr{ border-bottom: 1px solid #e5e5e5;...原创 2019-10-21 11:52:05 · 979 阅读 · 0 评论 -
实现倒影效果
-webkit-box-reflect:below 10px -webkit-linear-gradient(transparent,transparent 90%,rgba(0,0,0,.1));css3新特性,兼容性不是很好语法:box-reflect:none | <direction> <offset>? <mask-box-image>?...转载 2019-04-18 17:11:36 · 185 阅读 · 0 评论 -
字体单位px、em、rem、pt
单位:px,em,rem对于可以随屏幕大小而自适应的屏幕内容,不用媒体查询,可以通过使用相对单位rempx:表示pixel,像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓,可是在移动端,因为手机分辨率种类颇多,不可能一个个去适配,这时px就显得非常无力,所以就要考虑em和rem。em:继承父级的,假设html的font-size默认为16px,body字体大小...原创 2019-02-20 17:33:10 · 926 阅读 · 0 评论 -
Font-weight
font-weight 字体浓淡(粗细)属性,该CSS属性用来设定字体的浓淡程度。值:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 如果值为 bolder 或者 lighter,则是相对其父对象来说的。如果父对象的值为 normal,子对象...原创 2019-02-18 16:54:21 · 27769 阅读 · 1 评论 -
css3禁止点击事件
//css禁止点击事件.disabled { pointer-events: none; cursor: default; opacity: 0.6;}其中,pointer-events: none;是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接、点击事件统统失效。 ...原创 2019-02-14 16:53:29 · 6938 阅读 · 0 评论