border（边框）的两种写法

咱们接着上面的说讲了border的设置多种线条的方法和属性
接下来说
border-style：solid 和 border：1px #eeeee solid 的两者区别

1，border-style

定义和用法
border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。
只有当这个值不是 none 时边框才可能出现。

例子1

border-style:dotted solid double dashed;

• 上边框是点状
• 右边框是实线
• 下边框是双线
• 左边框是虚线
  例子2

border-style:dotted solid double;

• 上边框是点状
• 右边框和左边框是实线
• 下边框是双线

因此而看设置border-style的边框是可以设置上下左右的而下一种就不行
因为他是单纯设置线条的而border-style是设置边框的

2，border：1px #eeeee solid

border
是指设置边框的，他也可以设置上下左右边框 如：（border-top）上边框。
1px
是指设置边框的厚度，常用单位如（px，%，等）
#eeeee
是指设置边框的颜色，设置方法如（#eeeee，blue 颜色的英文）最好用#eeeee方法，能够准确的知道色号
solid
设置设置边框的线条的样式，还可以设置，dotted，dashed，double，groove，inset等

总结

border-style可以设置边框的上下左右的线条
而 border：style 1px #eeeee solid；可以设置单独的边框和上下左右的边框但是不能像border-style就可以设置不同的边框了
这就是他们之间的差异

用CSS写border的透明样式

border: 1px solid transparent;
 
 border-color: transparent;
  
 border-color: rgba(0,0,0,0);

等还有许多种方法，因人而异吧！