今天给大家带来一段实例代码，怎么用css3做出关门开门的效果，需要用到的属性有border-width， border-style等，我们一起来看一下。
border-width：边框的宽度 thin 细的
medium 默认的
thick 粗的
不常用
立即学习“前端免费学习笔记（深入）”；
数值px
border-style:none 没有边框 = hidden（用于表格除外，用来解决表格边框冲突）
solid 实线型
dotted 点状
dashed 虚线
double 双线
border-color:十六进制 #fff transparent 透明
border: 1px solid #000;
border-top: 1px solid #000;上边框
border-top-width
border-top-style
border-top-color
这是一套由淘掌门(taozhangmen.net)衍生出来的一个拍拍客系统！这套程序也继承了淘掌门的特点：永久免费开源！无任何时间限制、功能限制、域名限制。 程序相对于淘掌门原型，已去除返利、会员系统、文章系统等。 如果需要文章，可单独下载其他的文章系统，做子目录，效果可能会更好。 程序安装过程与淘掌门相同： 下载上传到空间，执行 你的网址/install.php 安装完成后，登陆后台修改拍拍AP
border-right：
border-bottom:
border-left:
css3新增的属性
border-image: 使用图片来填充边框
border-image-source:图片的来源，路径
border-image-slice：图片的分割方式
border-image-width：图片的宽度
border-image-outset：图片扩展
border-image-repeat：图片重复
效果实现代码：
效果代码就是上面这些了，感兴趣的朋友可以手动操作一下，更多精彩请关注php中文网其它相关文章！
相关阅读：
