现在我们要实现一个边框内圆角的效果，效果图如下所示： 第一反应肯定是用两个标签来实现，但是如果只用一层标签的话，可以实现么我们首次的构想可能是这样子的 div { outline: .6em solid green; max-width: 10em; border-radius: .8em; pad ...
分类：
Web程序 时间：
2020-05-10 19:25:38
阅读次数：
71
大概实现思路如下：读取热力图模拟数据源json，构造openlayers热力图数据源features，然后创建热力图图层（核心类Heatmap），设置Heatmap的初始化一些参数值，比如weight权重值，radius，gradient，blur等等，参数详细说明自行看openlayers官网文档... ...
分类：
其他好文 时间：
2020-05-10 16:42:14
阅读次数：
90
百分比%设置的是相对于宽高的百分比半径。 若width和height相等也就是正方形，那么出来一个圆。 若比如width: 200px; height: 100px;那么百分比就是100px/50px， 那就是两个半径，就是个椭圆。 注意点： ...
分类：
其他好文 时间：
2020-05-08 23:04:04
阅读次数：
159
CSS：页面美化和布局控制 1.概念 Cascading Style Sheets 层叠样式表 层叠：多个样式可以作用在同一个html的元素上，同时生效 2.好处 1. 功能强大 2. 将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更容易 提高开发效率 3.CSS的使用 CSS与html结合 ...
分类：
Web程序 时间：
2020-05-07 19:25:55
阅读次数：
91
有很多人都知道圆角怎么写，加一个border-radius就可以，但是对于用圆角的一些细节却并不是很清楚，那么我们今天就来聊一聊这个圆角。CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。 一．CSS3圆角的优点在没有出现圆角属性之前，传统的制作圆角的方式就是拜托美 ...
分类：
Web程序 时间：
2020-05-06 14:02:18
阅读次数：
94
代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .form-control{height:32px; border-radius:4px; outline:0; border:1px solid #ccc; padd ...
分类：
其他好文 时间：
2020-05-01 14:56:17
阅读次数：
69
1 简单圆形 .circle { border-radius: 50%; width: 200px; height: 200px; backround-color:green /* 宽度和高度需要相等 */ } 2 渐变色圆形： @keyframes spin {from { transform: ...
分类：
Web程序 时间：
2020-04-30 09:36:16
阅读次数：
448
1.css3的新特性有哪些 （1）CSS3选择器（基本、属性、伪类具体见下） （2）CSS3边框与圆角 圆角border-radius 属性：border-top-left-radius 左上角 border-top-right-radius 右上角 border-bottom-right-radi ...
分类：
Web程序 时间：
2020-04-29 00:54:20
阅读次数：
77
本文始发于个人公众号： TechFlow ，原创不易，求个关注 今天是LeetCode专题的第32篇文章，我们一起看的是LeetCode的第54题——Spiral Matrix。 首先解释一下题意，这个Spiral是螺旋的意思，据说英文版的漫画里，把鸣人的螺旋丸就翻译成Spiral Sphere.. ...
分类：
其他好文 时间：
2020-04-27 22:45:01
阅读次数：
69
