由于近期的项目中出现了不规则的边框和图形, 所以重新温习一下CSS3的图形绘制。。。样式绘制的图形比图片的性能要好,体验更佳,关键一点是更加有趣! 以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的,我们先了解下它们的基本原理。 bor ...
分类:
Web程序 时间:
2018-08-18 19:42:53
阅读次数:
195
恢复内容开始 CSS可以 控制网页的布局和样式,CSS3是最新的CSS标准。 一、通过CSS3,可以可以创建圆角边框,给矩形添加阴影,将边框替换成图形。且不需要使用设计软件,如PS等。 CSS3边框boder-radius box-shadow boder-image。 boder-radius属性 ...
分类:
Web程序 时间:
2018-08-16 13:53:44
阅读次数:
170
1、边框 (1)盒子圆角bored-radius:25px/40%; border-radius:15px 10px 7px 2px; 顺序为左上、右上、右下、左下顺时针 (2)盒子阴影box-shadow box-shadow:x轴偏移量 + y轴偏移量 + 阴影模糊半径(阴影颜色的模糊程度) + ...
分类:
Web程序 时间:
2018-08-16 00:52:21
阅读次数:
275
简介:CSS 用于控制网页的样式和布局,CSS3 是最新的 CSS 标准。 边框 圆角:border-radius。左上,右上,右下,左下 阴影box-shadow:值有3个时,表示右边阴影、下边阴影、影子颜色值有4个时,表示距离左侧、距离上侧、虚化的像素、影子颜色值有5个时,表示距离左侧、距离上侧 ...
分类:
Web程序 时间:
2018-08-15 22:51:02
阅读次数:
613
边框 | 盒子圆角 | border-radius:5px / 20%; | border-radius:5px 4px 3px 2px; 左上,右上,右下,左下 | 盒子阴影 box-shadow: | box-shadow:x轴偏移量 y轴偏移量 阴影模糊半径(阴影颜色的模糊程度) 阴影扩展半径 ...
分类:
Web程序 时间:
2018-08-15 22:43:55
阅读次数:
229
" Portal agc008F " Solution 这题好神仙啊qwq疯狂orz看懂日文题解的sjk太强啦qwq ? ? 首先我们要统计的东西,是一个涂黑的连通块,然后我们考虑找一个东西使得它可以和每个不同的连通块(也就是不同的染色方案)一一对应,那么这里我们找这个连通块的直径的中心部分(以下简 ...
分类:
其他好文 时间:
2018-08-15 21:02:47
阅读次数:
294
边框 | 盒子圆角 border-radius | 盒子阴影 box-shadow: 背景 | 引入背景 background-image | 背景尺寸 background-size | 背景平铺 background-repeat | 背景位置 | 位置定位1(background-origin ...
分类:
Web程序 时间:
2018-08-15 16:52:17
阅读次数:
245
Kafka Manager 这里记录下安装过程,以及当时遇到的一些问题。 依赖项 kafka manager依赖两个组件: java8 最新的kafka manager依赖java8,低版本的我没有尝试过。这里不对配置java8做说明 sbt sbt是一个scala项目的构建工具,我们通过下载kaf ...
分类:
其他好文 时间:
2018-08-15 14:51:50
阅读次数:
194
原文:wpf 触摸屏 button 背景为null的 问题 当使用背景注释行的 x:null 时 在触摸屏上 必须点击button按钮中间的内容才有 click事件,而button 内容周围的 区域 都无点击效果 改为使用 Transparent 时 才能在整个button ...