![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Yvettezhu
这个作者很懒,什么都没留下…
展开
-
三角形,斜线,表头css实现方法
三角形可通过border来实现,斜线可用transform:rotate(9deg)border可用来画三角形,主要是因为,长方形,四边的border可以单独设置颜色和粗细,border:1px solid #000且border在content盒模型是不占宽高,当该长方形的宽高设置为0时,就剩下了border,就得到了三角形,其他的设成透明,就得到单个三角形.border { width: 0; height: 0; border-style:solid; // 上原创 2022-03-01 10:58:08 · 1027 阅读 · 0 评论 -
class和style绑定
class可变化的是样式名,style是属性值class绑定简单,单个class直接用三元表达式 <i class="el-icon-top" @click="changeCondition(1, 2)" :class="queryForm.sortOrder == 1 && queryForm.sortType == 2? 'd-arrow-active': 'd-arrow'" />复杂,多个class用数组的形式id="u-wave-btn"class原创 2022-02-28 12:02:39 · 103 阅读 · 0 评论 -
sass与scss
sass,scss:css的编程语言,vscode编译插件Live Sass Compilersass没有{},scss有scss如下:$变量:18px;属性变量#{ $变量}支持运算嵌套-------&代替父元素@root{}-------定义动画.box{width:$变量;height:2 * $变量;border-#{ $变量}:}...原创 2021-02-17 14:26:07 · 113 阅读 · 0 评论 -
图标(一)阿里
在elementUI使用阿里图标https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.db775f1f3&manage_type=myprojects&projectId=23302351.Font class下载至本地将这几个文件放在icon文件里(不一定是这4个,字体文件看是否需要)css导入只能相对路径导入!418)]只能相对路径导入!...原创 2021-08-16 09:22:20 · 105 阅读 · 0 评论 -
图片img的object-fit
object-fitobject-fit: cover; // elementUI的avatar默认,充满不变型object-fit: contain; // 不充满不变型object-fit: fill; // 充满变型object-fit: none; // 充满不变型,cover更好些object-fit: scale-down; // 不充满不变型原创 2022-02-28 10:41:32 · 148 阅读 · 0 评论