css
关注
分享
扫一扫
文章平均质量分 70
xiaojinglyd
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
通过CSS控制svg变化
本文介绍使用css魔法控制svg变化，要想实现这一点只需要耐心看下去！ svg代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi转载 2021-07-28 22:56:19 · 1357 阅读 · 0 评论 -
优雅处理头像加载失败
环境： vue2.6.6 element-ui2.13.2 问题： 用户头像图片加载失败，显示异常难看，难看的失败图标。 解决： 使用element-ui的Avatar组件 <template> <el-avatar :src="photoUrl" size="small"> {{ name.substring(0,1) }} </el-avatar> </template> <script> export default {原创 2020-07-03 15:25:25 · 2245 阅读 · 0 评论 -
css实现箭头
边框箭头 .arrow1{ position: relative; } .arrow1::after{ content: ''; position: absolute; left: 50%; top: 50%; height: 12px; width: 12px; transform-origin: 25% 25%; border-width: 2px 0 0 2px; border-color: #999; borde原创 2020-05-11 11:51:18 · 454 阅读 · 0 评论 -
样式变量共用于js或者template
环境 vue cli4项目 stylus (如果使用sass、less，可以类比) 步骤 创建stylus的变量文件 variable.styl $mainBg = rgba(0, 21, 42, 1); $mainWidth = 210px; // 导出变量用于js :export { mainBg: $mainBg; mainWidth: $mainWidth; } j...转载 2020-03-10 23:20:23 · 231 阅读 · 0 评论 -
CSS选择器
选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有元素 1 element,element div,p 选择所有元素和元素 1 element element div p 选择...转载 2019-12-15 14:10:42 · 109 阅读 · 0 评论