今天,发现用CSS可以做出很漂亮的针线包样式的边框(有点类似border的dashed样式), 先放效果图: 很漂亮吧,其实,主要CSS就是 给 border-style:dashed 加上 box-shadow ,再用 border-radius 修饰一下,选个漂亮的颜色就能设计出较好的边框啦! ...
分类:
Web程序 时间:
2016-08-05 23:03:09
阅读次数:
211
盒模型概念、width、height、padding、margin(水平居中)、border、border-radius、overflow、box-sizing、box-shadow、outline css盒模型 width : <length> | <percentage> | auto | in ...
分类:
其他好文 时间:
2016-08-02 13:25:58
阅读次数:
224
转载 http://www.cnblogs.com/jikey/archive/2010/06/21/1761894.html CSS 3的属性比如border-radius、box-shadow和 text-shadow在 webkit(Safari、Chrome等)和Gecko(Firefox) ...
分类:
Web程序 时间:
2016-07-22 18:44:26
阅读次数:
582
想弄个只显示三面的阴影效果,网上一搜没有解决根本问题,最后还是在css3演示里面找到方法http://www.css88.com/tool/css3Preview/Box-Shadow.html 我把代码代码贴上: box-shadow:2px 2px 5px #333333, -2px 2px 5 ...
分类:
其他好文 时间:
2016-07-20 17:41:37
阅读次数:
4637
移动WEB前端开发资源整合目录移动WEB前端开发资源整合
目录
meta篇视窗宽度
自动识别格式
完整模板
CSS篇
Flex基础篇定义容器为flex布局
容器样式
子元素样式
小技巧篇自定义苹果图标
自定义favicon
定义浏览器点击行为
定义上传文件类型和格式
使用box-shadow改变挡住表单自动填充后的黄色
用CSS实现省略号文字截断
使用border绘制小三角meta篇1.视窗宽度 <...
分类:
移动开发 时间:
2016-07-19 17:08:35
阅读次数:
252
前缀是-webkit-的Safari和Chrome支持 前缀是-moz-的Firefox支持 前缀是-o-的Opera支持 CSS3边框 border-radius (CSS3圆角) 注意:每个半径的四个值的顺序是:左上角,右上角,右下角,左下角 box-shadow (CSS3盒阴影) h-sha ...
分类:
Web程序 时间:
2016-07-18 13:04:06
阅读次数:
204
box-shadow和textshadow我觉得差不多 box-shadow和text-shadow一样可以使用一个或多个投影,如果使用多个投影时必须需要用逗号“,”分开。 box-shadow:inset(投影方式) x-offset(x轴偏移) y-offset(y轴偏移) blur-radiu ...
分类:
其他好文 时间:
2016-07-02 10:30:56
阅读次数:
174
【CSS进阶】box-shadow 与 filter:drop-shadow 详解及奇技淫巧 box-shadow 在前端的 CSS 编写工作想必十分常见。但是 box-shadow 除去它的常规用法,其实还存在许多不为人知的奇技淫巧。 喜欢 markdown 版本的可以戳这里 。 box-shad ...
分类:
其他好文 时间:
2016-06-26 15:23:01
阅读次数:
249
CSS3 filter:drop-shadow滤镜与box-shadow区别应用 这篇文章发布于 2016年05月18日,星期三,01:07,归类于 css相关。 阅读 5777 次, 今日 12 次 by zhangxinxu from http://www.zhangxinxu.com本文地址: ...
分类:
Web程序 时间:
2016-06-26 15:21:08
阅读次数:
166
box-shadow:length length length length colorlength:阴影水平偏移值length:阴影垂直偏移值length:阴影模糊值length:阴影边框color:阴影颜色 eg: box-shadow: 0px 0px 1px #666; 位移为零,即四周都有 ...
分类:
其他好文 时间:
2016-06-21 14:02:09
阅读次数:
108