如何设置div边框
这篇文章主要介绍了如何设置div边框的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何设置div边框文章都会有所收获,下面我们一起来看看吧。
创新互联是一家专业提供嵊泗企业网站建设,专注与成都做网站、成都网站制作、H5网站设计、小程序制作等业务。10年已为嵊泗众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
设置装备摆设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内
3、成就截图
4、阐明从以上实例,一样在div内,因为div父级不是.abc以是没有边框格式。因为class=abc本身不有设置装备摆设CSS边框,只对class=abc子级div设置边框,所以瞥见以上成就。
关于“如何设置div边框”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“如何设置div边框”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。
网页标题:如何设置div边框
本文来源:http://azwzsj.com/article/iiiidj.html