设置装备摆设div边框border名堂
对div设置装备摆设边框CSS5给各人引见三种法子。
首先找到边框CSS单词:border(边框border根抵教程)
一、直接div标签内设置装备摆设边框
1、div边框实例代码
- <div style=" border:3px solid #F00">配置div边框厚度3px,实线血色边框</div>
2、成果截图
style直接标签内配置div的边框
3、注明直接对div标签内运用style属性并直接配置css边框便可。
二、外部CSS对div配置边框
1、CSS代码
- .exp{ border:1px dashed #00F}
2、HTML代码
- <div class="exp">设置div边框厚度1px,虚线蓝色色边框</div>
3、实例截图
使用外部css设置div边框实例截图
额外阐明这里CSS代码放HTML页面内,并运用style标签。假定是放入内部CSS文件,CSS代码直接放CSS文件内,就不须要style标签。
三、经由过程div父级对其设置边框名目
1、实例CSS代码
- .abc div{ border:4px solid #090}
2、HTML代码
- <div>我在DIV内然而没有边框</div>
- <div class="abc">
- <div>我在DIV内然则父级是class=abc 所以我这个DIV有边框</div>
- </div>
- <div class="abc">我当然是在class=abc内,但是我没有在此子级div内</div>
3、成绩截图
div父级指定DIV边框设置装备摆设
4、注明从以上实例,异样在div内,由于div父级不是.abc以是不有边框样式。由于class=abc本人没有设置装备摆设CSS边框,只对class=abc子级div设置装备摆设边框,以是望见以上成就。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/shili/s51871.shtml