前端的同学想必都碰到过1px边框的问题，在高分屏手机上，我们会发现自己写的1px往往会比预想的“粗”一些，下面是他人总结的解决方案。 单线 写一个高度为1px的线，然后通过transform:scaleY(0.5)缩放来实现 边框+圆角 和上面的思路是一样的，也是通过放大后再缩小实现的，需要注意的是 ...
分类：
移动开发 时间：
2018-01-15 00:29:50
阅读次数：
234
参考： http://www.zhangxinxu.com/wordpress/?p=4992 "MDN" CSS属性 border radius 用来设置边框圆角。 语法 例如： 以/分隔，第一部分代表水平圆角半径，第二部分代表垂直圆角半径。（顺序为左上、右上、右下、左下。） 只有第一部分时，四个 ...
分类：
其他好文 时间：
2017-12-15 14:06:14
阅读次数：
674
基础不牢，地动山摇！没办法，只能重温“经典”！ 1.CSS3边框：border-radius; box-shadow; border-image border-radius:r1,r2,r3,r4;（边框圆角！） r1~r4：分别为左上角，右上角，右下角，左下角半径（顺时针！缺省时：左上角、右下角相 ...
分类：
Web程序 时间：
2017-11-24 22:48:03
阅读次数：
243
1、四个参数： border-radius: 值1 值2 值3 值4;顺序：从左开始，顺时针顺 2、两个参数： border-radius: 值1 值2; 顺序：上左下右，上右下左 3、半圆的形成 border-radius: 200px 200px 0 0;向上的半圆 高度要减半 注：border ...
分类：
其他好文 时间：
2017-11-20 23:10:01
阅读次数：
155
作为一个js、CSS、RN新手，总是会遇到各种样式。在不知道样式有些什么的情况下难以很好的绘制布局。所以这里整理了一下几个常用布局的样式。 View Style 支持Flexbox、ShadowPropTypesIOS、Transforms属性。 背面可见性 背景颜色 边框颜色 边框圆角半径 边框样 ...
分类：
其他好文 时间：
2017-09-05 12:32:21
阅读次数：
274
Android项目实战（三十二）：圆角对话框Dialog 前言： 项目中多处用到对话框，用系统对话框太难看，就自己写一个自定义对话框。 对话框包括：1、圆角 2、app图标 ， 提示文本，关闭对话框的"确定"按钮 难点：1、对话框边框圆角显示 2、考虑到提示文本字数不确定，在不影响美观的情况下，需要 ...
分类：
移动开发 时间：
2017-08-29 16:27:08
阅读次数：
232
css布局 定视口；插图 .box{width: 180px;height: 180px;border: 1px solid;background-image: url("img/30d5bc953b7afba77514.jpg");} 边框圆角 border-radius: 50%; x y 模糊 ...
分类：
其他好文 时间：
2017-08-14 01:26:11
阅读次数：
117
border-radius是向元素添加圆角边框 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 5px 5px 5px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border- ...
分类：
Web程序 时间：
2017-08-10 01:20:46
阅读次数：
258
border-radius 边框圆角 像素和百分比 box-shadow 边框阴影 box-shadow:10px 10px 10px 10px red; 1、水平偏移x值 可以为负 2、垂直偏移值 可以为负 3、阴影的模糊值 不可为负 4、阴影的外延值 可为负 5、颜色 【注】给一个元素设置下外边 ...
分类：
其他好文 时间：
2017-07-26 20:27:52
阅读次数：
120
1.border-radius 边框圆角 IE8及以下浏览器不支持border-radius webkit引擎支持-webkit-borderradius 私有属性 mozilla Gecko引擎支持-moz-border-radius 私有属性 presto 引擎和IE9+ 支持border-ra ...
分类：
Web程序 时间：
2017-07-01 11:02:19
阅读次数：
187
