WEB前端初学者笔记（7）--盒子的边框属性

一、边框属性

• border-width可以设置边框大小
• border-style可以设置边框样式，取值有

  dotted(点)solid（实线） double（双实线） dashed（虚线）

• border-color可以设置边框颜色

二、边框的应用

 

以拉勾网的登录页面为例，像图中账号密码，还有or这个三个边框的样式为例，可以默认为这是三个div盒子，然后设置的时候只留下一条边，然后定义这一条边的样式，这个or可以作为div盒子里的一个span内容,在占据边框的时候会默认占据边框,实现图中效果.