border-style属性可以控制边框的视觉样式，包含8种可用边框样式。 使用方法：

8种样式： solid： 实线边框，经典边框。 double： 双线边框，含有两条线。 groove： 槽线边框，看起来就像页面中的一个槽。 outset： 外凸边框，看起来就像从页面凸出来一样。 dotted： 虚线（点线）边框。 dashed： 破折线边框。 inset： 内凹边框，看起来像页面凹进去一样。 ridge： 脊线边框，看起来像页面上一个凸起来的山脊。

一般设置的边框默认样式都是90°的直角边框，利用border-radius属性可以设置边框四角的弧度。

使用方法： 1.用一个数字指定四个角的弧度大小。

2.分别指定四个角的弧度大小，可以用em指定半径大小。

3.分别指定四个角的弧度大小，也可以用px指定半径大小。

link中添加@media和css样式表中添加@media的区别： 两个的作用都是相同的，区别在于如果把所有的规则都放在一个文件中，再使用@media规则将它们分开，你的css会变得非常庞大。 通过为不同的媒体类型使用不同的< link >元素，就能按照媒体类型在不同文件中组织css。所以，当css文件非常庞大，就使用< link >元素来指定不同的样式表。