浅谈轮廓属性outline（3） — outline使用技巧

浅谈轮廓属性outline（1） — outline属性介绍

浅谈轮廓属性outline（2） — outline一般使用

浅谈轮廓属性outline（3） — outline使用技巧

一、使用outline来制作一个hover，这样的时候布局不会被破坏也能得到一个border一样的效果。

然后看起来是不是跟box-shadow有点一样？

当然不一样啦，outline是实的，box-shadow是发散的感觉。

最主要的是outline可以支持低版本浏览器，而box-shadow是CSS3的属性，嘿嘿

点击这里查看→demo

二、input的勿扰模式，这儿挺好玩的的

就是input获取焦点的时候给input大于屏幕的outline-width的值，然后你就只能看得见input了。

当然如果页面上有定位的元素，请给input定位一下还是很有必要的。

点击这里查看→demo

三、正在更新…