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>

我们来看看效果:

虚线边框效果

你们会了吗?