跳转到主要内容
w3cplus
Menu
CSS3
Mobile
Sass
JavaScript
视频教程
译文
SVG
工具
标签云
你在这里
首页
dashed
css3内部虚线框设计
作者:
结一
日期:
2012-08-23
点击:
2005
css3
dashed
outline
box-shadow
:before&:after
入门级
第一个使用的是border为虚线,再加上box-shadow来模拟外面的框;第二个使用的:before方法生成一个虚线框,这里注意的是生成的内容定位上下左右各为3px,确定了这个生成内容的大小,另外需要注意的是注意before内容的层级,小心覆盖了你里面的内容,你可以设置background为一个颜色,就知道层级了;第三个是使用的是border和outline方法。outline不支持单边设置,也不支持圆角,所以比起border来outline很是不足啊。
阅读全文
GitHub
关注我们
合作网站
JavaScript学习案例
墨鱼前端培训
HTML5梦工场
Sass入门指南
CSS解决方案
W3ctech
前端圈
Drupal中国
友情链接
广州微信开发
在线图片压缩
java源代码学习
墨鱼前端开发培训
猪八戒网
HTML5梦工场
PHP教程
程序员客栈
imweb 前端社区
前端笔记
返回顶部