html的div双线边框,设置div边框

设置装备摆设div边框border名堂

对div设置装备摆设边框CSS5给各人引见三种法子。

首先找到边框CSS单词：border(边框border根抵教程)

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

1、div边框实例代码

2、成果截图

style直接标签内配置div的边框

3、注明直接对div标签内运用style属性并直接配置css边框便可。

二、外部CSS对div配置边框

1、CSS代码

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

2、HTML代码

3、实例截图

使用外部css设置div边框实例截图

额外阐明这里CSS代码放HTML页面内，并运用style标签。假定是放入内部CSS文件，CSS代码直接放CSS文件内，就不须要style标签。

三、经由过程div父级对其设置边框名目

1、实例CSS代码

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

2、HTML代码

3、成绩截图

div父级指定DIV边框设置装备摆设

4、注明从以上实例，异样在div内，由于div父级不是.abc以是不有边框样式。由于class=abc本人没有设置装备摆设CSS边框，只对class=abc子级div设置装备摆设边框，以是望见以上成就。