![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
不染-9732
这个作者很懒,什么都没留下…
展开
-
css 文字单行多行超出长度后显示 ...
css 文字单行多行超出长度后显示 ...原创 2023-09-04 11:05:34 · 1397 阅读 · 0 评论 -
vue2.0使用less 创建全局的颜色变量,配置主题色
vue2.0使用less 创建全局的颜色变量,配置主题色原创 2023-02-10 09:43:21 · 2259 阅读 · 0 评论 -
vue结合原生class类名快速实现背景点击切换并保持
vue结合原生class类名快速实现背景点击切换并保持1.实现目标效果 点击切换背景图于文字颜色2.css部分代码.afterActiveTitle { color: #ffffff; background-image: url("~@/assets/xxx/xxx.png"); background-size:100% 100% ; border-bottom: 2px solid #9bb9f1;}.notCheckTitle { color: #b1bfd4;原创 2022-03-10 09:02:46 · 1802 阅读 · 0 评论 -
原生css实现点击更换背景图的方法 :focus的使用方法
使用:focus实现点击更换背景图1.效果:不使用组件的情况下,利用原生的js实现点击修改背景的效果2.代码在行内使用 tabindex=“1” 的形式,让 :focus 生效html部分 <ul> <li @click="gotoHomepage" tabindex="1">首页</li> <li @click="gotoDate" tabindex="2">数据</li> <li @原创 2022-03-08 19:05:32 · 1312 阅读 · 0 评论 -
隐藏页面中滚动条,与如何自定义滚动条显示效果
页面中自定义滚动条样式css定义部分 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .tree-line::-webkit-scrollbar { width: 8px; border-radius: 4px; background: #263d5d; } // /*定义滑块 内阴影+圆角*/ .tree-line::-webkit-scrollbar-thumb { height: 5px;原创 2022-01-20 15:17:45 · 333 阅读 · 0 评论 -
页面中多张背景图片如何分别调整样式
同一个div中有多张背景图片如何分别调整位置和拉伸情况主要关注background-image 部分的代码调整.box { width: 490px; height: 900px; background: linear-gradient(-43deg, #033061, #0b497d); background-image: url("~@/assets/images/shijian/bgc-right.png"), url("~@/assets/images/resourc原创 2022-01-19 16:28:48 · 435 阅读 · 0 评论