随笔分类 - CSS
样式
摘要：elementui 一行5列布局 原理：elementUI里面有Layout 布局，只能分为24的因数。就如:span="6" 这种布局（如下图）。 我们在开发的时候，有时需要5或者7这样的布局。这时，只需要更改span的值，自己创建一个class名，直接使用即可。 span的值可以随意取，但是尽量
阅读全文
摘要：vue css不显示滚动条可滚动,设置滚动条颜色（滚动条依然存在，只是背景色为透明） .el-main为滚动条的所在元素 .el-main::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: rgba(0, 0, 0, 0); /*设置滚动条颜色*
阅读全文
摘要：这个例子是使用高德地图官网自定义信息窗体，非vue-amap封装的高德地图组件 vue使用：https://www.cnblogs.com/luckybaby519/p/15706546.html HTML使用：https://www.cnblogs.com/luckybaby519/p/15703
阅读全文
摘要：项目中需要做一个如下图的右侧监控操作控制台，通过定位在这个图片上放置了八个span，并设置内容为透明色，加点击事件来完成 覆盖在操作台图上的位置如下图：（去掉背景色设置字体为透明色就可以完美隐藏） HTML代码如下 <div class="monitoring-center-right"> <img
阅读全文
摘要：从左往右渐变色背景设置：如下图 渐变一：从左边开始的线性渐变，起点红色，中间黄色，终点红色。 css代码: div{ height: 200px; background-color: red; /* 浏览器不支持时显示 */ background-image: linear-gradient(to
阅读全文
摘要：css盒子模型 又称框模型 (Box Model) ， 包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
阅读全文
摘要：一.div文本的 水平居中：margin:0 auto; 垂直居中：line-height:80px;注释：这里line-height的值要和div的高一致。 二：div盒子居中 给最外面的父元素设置宽高 给要水平垂直居中的div加定位 如下图绿色是水平垂直居中的
阅读全文
摘要：给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏，隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问，占据的空间消失。 给元素设置visibility: hidden，也可以隐藏这个元素，但是隐藏元素仍需占用与未隐藏时一样的空间，也就是说虽然元素不可见了，但是仍
阅读全文
摘要：css a标签去除下划线 a{ text-decoration:none; }
阅读全文
摘要：css设置文本垂直居中 垂直居中的高必须等于元素的高才能居中 如下图： 代码演示： div{ height:60px; } p{ line-height:60px; /*垂直居中的高必须等于元素的高才能居中*/ }
阅读全文
摘要：css边框圆角的方法，以搜素栏位例 如下图： 代码演示：input{border-top-left-radius:20px;/*上左圆角*/ border-bottom-left-radius:20px;/*下左圆角*/} 如下图：
阅读全文
摘要：html 文本框css设置边框圆角如下图：css代码如下：input{border:1px solid black;width:295px;height:40px;border-radius:25px;}
阅读全文
摘要：css ul li去除圆点 ul li{list-style-type:none; }
阅读全文
摘要：css a标签去除下划线 a{text-decoration:none; }
阅读全文
