![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
小李ing
这个作者很懒,什么都没留下…
展开
-
vue中使用echarts制作中国地图
vue中echarts统计图表之饼图vue中echarts之横向柱状统计图vue中echarts之常规柱状统计图下面是如何使用echarts制作一个中国地图效果图:详细步骤1.给定一下全局样式、给个地图容器<div id="main"></div>*{margin:0;padding:0}html,body{ width:1...原创 2020-04-10 17:08:00 · 2827 阅读 · 2 评论 -
使用CSS3为图片添加滤镜
图片滤镜CSSfilter属性用为元素添加可视效果 (例如:模糊与饱和度) 。注意:Internet Explorer或 Safari 5.1 (及更早版本)不支持该属性。<style>img { width: 33%; height: auto; float: left; max-width: 235px;}.blur ...转载 2020-03-18 11:30:07 · 1601 阅读 · 0 评论 -
CSS3圆角边框
使用 CSS3 border-radius 属性,可以给任何元素制作 "圆角"。CSS3 border-radius 属性使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。以下为三个实例:1. 指定背景颜色的元素圆角:2. 指定边框的元素圆角:3. 指定背景图片的元素圆角:代码如下:#rcorners1{border-ra...转载 2020-03-18 10:51:18 · 137 阅读 · 0 评论 -
vue中echarts统计图表之饼图
常规柱形统计图横向柱状统计图以下是饼图代码:<div id="pieChart" style="width:100% ;height:300px;"></div>设置饼图的属性:getPie() { // 绘制图表 var myChart = echarts.init(document.getElementById('pieChart...原创 2020-03-16 17:55:49 · 1435 阅读 · 0 评论 -
vue中echarts之横向柱状统计图
常规竖向柱状图这里设置图表的宽高:<div id="main" style="width: 100%;height: 300px;margin-left: 5%"></div>添加图表的属性:showchart() { var myChart = echarts.init(document.getElementById('main')); ...原创 2020-03-16 17:46:03 · 7564 阅读 · 2 评论 -
vue中echarts之常规柱状统计图
首先定义好图标的宽高<div id="indexc4" class="echarts2"></div>这里是css样式.echarts2 { height: 350px; width: 100%; /*border-radius: 25px;*/}编辑图表的相关属性option2: { tooltip: { ...原创 2020-03-16 17:32:26 · 1406 阅读 · 0 评论 -
CSS3背景渐变特性
linear-gradient 线性渐变下面是线性渐变的实现格式:background-image: linear-gradient(direction, color-stop1, color-stop2, ...);大家首先要注意的一点,css3的渐变是实现在background-image里面的,是它的一个属性,在同一个块下面是不能够同时实现渐变和背景图片的,后面的代码将会覆盖前面...转载 2020-03-13 17:42:42 · 392 阅读 · 0 评论 -
css3伸缩布局实现元素水平垂直居中
对于高度确定的元素,它的文本的行数不确定的情况下,怎么让文本垂直居中呢?”的问题,使用这里提到的 css3 弹性布局方式。对付元素使用 display: flex; justify-content: center; align-items: center; 来解决。1. 如果不添加 justify-content: center; 子元素不会水平居中;2.如果不添加 align-...转载 2020-03-13 13:51:13 · 728 阅读 · 0 评论