跳转到主要内容
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
Airen
大漠,W3CPlus 创始人,曾就职于淘宝。《现代 CSS》、《现代 Web 布局》、《防御式 CSS 精讲》和《Web 动画之旅》的作者!对 HTML、CSS 和 A11Y 等领域有一定的认识和丰富的实践经验。CSS 中国布道者!
⚲ China
3099
Followers
338
Following
29
Repositories
Top repositories
svg-animations
Unknown
★51
vw-layout
JavaScript
★50
css3test
JavaScript
★48
Follow
Last active: 451 day(s) ago
关注我们
合作网站
JavaScript学习案例
墨鱼前端培训
HTML5梦工场
Sass入门指南
CSS解决方案
W3ctech
前端圈
Drupal中国
友情链接
广州微信开发
在线图片压缩
java源代码学习
墨鱼前端开发培训
猪八戒网
HTML5梦工场
PHP教程
程序员客栈
imweb 前端社区
前端笔记
返回顶部