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 · 1231 阅读 · 0 评论 -
优雅处理头像加载失败
环境：vue2.6.6element-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 · 2125 阅读 · 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 · 426 阅读 · 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 · 208 阅读 · 0 评论 -
CSS选择器
选择器示例示例说明CSS.class.intro选择所有class="intro"的元素1#id#firstname选择所有id="firstname"的元素1**选择所有元素2elementp选择所有元素1element,elementdiv,p选择所有元素和元素1element elementdiv p选择...转载 2019-12-15 14:10:42 · 98 阅读 · 0 评论