如何设置div边框

这篇文章主要介绍了如何设置div边框的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇如何设置div边框文章都会有所收获，下面我们一起来看看吧。

设置装备摆设div边框border技俩

对div设置边框CSS5给大家引见三种法子。

首先找到边框CSS单词：border

一、直接div标签内设置边框

1、div边框实例代码

设置装备摆设div边框厚度3px，实线血色边框

2、成效截图

3、注明直接对div标签内使用style属性并直接设置装备摆设css边框便可。

二、外部CSS对div设置装备摆设边框

1、CSS代码

.exp{ border:1px dashed #00F}

2、HTML代码

配置div边框厚度1px，虚线蓝色色边框

3、实例截图

特别注明这里CSS代码放HTML页面内，并使用style标签。若是是放入外部CSS文件，CSS代码直接放CSS文件内，就不需求style标签。

三、经由过程div父级对其设置装备摆设边框花式

1、实例CSS代码

.abc div{ border:4px solid #090}

2、HTML代码

我在DIV内然则不有边框
    
我在DIV内然而父级是class=abc 所以我这个DIV有边框
我诚然是在class=abc内，然则我不有在此子级div内