随笔分类 - css
1
摘要：input{ caret-color: transparent; }
阅读全文
摘要：图片被挤压变形了 给img添加 object-fit: cover;之后
阅读全文
摘要：&::-webkit-scrollbar { width: 10px; } &::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C6D1E2; } &::-webkit-scrollbar-track { borde
阅读全文
摘要：background: url(./img/Group3466734.png) no-repeat; background-size: cover; background-position: center;
阅读全文
摘要：CSS .arrow { position: absolute; animation-name: beat; /*动画名称*/ animation-duration: .8s; /*设置秒数*/ animation-timing-function: linear; /*速度曲线*/ animatio
阅读全文
摘要：display: -webkit-box; text-overflow: ellipsis; overflow: hidden;-webkit-line-clamp: 2; // 设置两行文字溢出 -webkit-box-orient: vertical;
阅读全文
摘要：<div class="details-backgroun" :style="'background-image: linear-gradient(90deg, rgba(19,21,77,.9) 15%,rgba(19,21,77,.1) 80%),url(' + url +');'"> </di
阅读全文
摘要：<div class="banner-background" :style="'background-image:url(' + url +');'"> </div> height: 338px; border-radius: 10px; background-size: 100% 100%; ex
阅读全文
摘要：<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> @-webkit-keyframes open
阅读全文
摘要：有些时候我们需要把网站页面设置为灰色，特别是对于一些需要悼念的日子 将此段代码加到head之间 <style>html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: graysca
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：使用 calc() 函数计算 <div> 元素的宽度: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> #div1 { position: absolute; l
阅读全文
摘要：图片效果 红色部门效果是向下滑出，和向上滑入 html部分 <div class="viewhistory-buttom animate_active" :style="editBtnShow==1?'bottom:0;':''"> //editBtnShow默认不能为1（就是不显示），为1就滑出来
阅读全文
摘要：使用深度选择器 /deep/，使用方法如下 <style lang="less" scoped> /deep/.van-tabs__wrap::after{ border: none; } </style> 如果以上方式无效，在created 同级加上： options: { styleIsolat
阅读全文
摘要：html部分 <div class="el-row-box5-div"> <div class="img5"></div> <span class="span">创建圈子</span> </div> css部分 .el-row-box5-div { transition: all 0.3s; &:h
阅读全文
摘要：如果input输入框type为text，设置autoComplete="off" <el-input v-model="ruleForm.loginId" placeholder="请输入工号" autocomplete="off"></el-input> 如果input输入框为password，设
阅读全文
摘要：//隐藏滚动条但可用滚动 谁滚动加谁身上 .box{ overflow-y: scroll; scrollbar-width: none ; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .box::-webkit-scrol
阅读全文
摘要：文本超出显示...（三行代码） overflow:hidden //文本超出隐藏 text-overflow:ellipsis //多的用...来显示 white-space:nowrap //不允许换行 但是这个属性主要用于IE等浏览器，Opera浏览器用-o-text-overflow:elli
阅读全文
摘要：如果我给body设置成一个宽高为200px的正方形，背景为红色，但是整个html也变成了红色，而且是整个浏览器屏幕都是红的，怎么来处理，如下 给html单独设置一个背景颜色，比如为白色#fff，在给body设置成红色，这样就能看见我body是一个宽高为200px，背景为红色的正方形
阅读全文
摘要：body { margin:0; padding:0; font-family: Helvetica, STHeiti, Droid Sans Fallback; // font-family: '微软雅黑', YaHei, tahoma, arial, "Hiragino Sans GB", \5b8b\4f53; // font-weight: n...
阅读全文
1
浙公网安备 33010602011771号