DIV+CSS 设置边框的方法border

DIV+CSS能满足各种美工的需要，在html较早期主要以表格table的形式来排版，简单、便捷，用起来很方便。但是现在基本上都被DIV+CSS给取代，因为table很呆板，无法灵活应用在各种场景中，而DIV+CSS可以完美的实现table的效果，同时更加灵敏。

对于初学者来说，table的设置简单到只需要点点鼠标就能完成，比如边框线再简单不过了，而DIV+CSS却无从下手。

今天我们就来看看DIV+CSS里面的边框样式该如何设置。

我们了解一下：border 属性

定义和用法
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性：
border-width
border-style
border-color
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。

我们来实验一下，代码如下：

<style type="text/css">
div{
    border: 1px dashed rgb(250,0,255)
}
</style>

我们来看看效果：

你们会了吗？