html div边框样式设置

2019年11月30日作者：佚名

在html构造中详细div中应用给div加边框属性名目。

大约对div经由过程class配置边框，也能够使用id决议器设置装备摆设实体或虚线边框。

html div加边框实例代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div +边框 款式设置</title>
<style>
.abc{ border:1px solid #F00; width:300px}
#efg{ border:2px dashed #06F;width:300px}
.aa{ border-left:3px solid #090;width:300px}
</style>
</head>
<body>
<div class="abc">用class对div配置红色实线边框</div>
<div class="aa">用class只对div左设置装备摆设3px实体线绿色边框（右边框）</div>
<div id="efg">用id对div设置装备摆设2px宽度蓝色虚线边框</div>
</body>
</html>

使用class与id 款式决定器，离别对3个div设置加不合的边框名目。

窥察成果截图

html实例用div设置虚线+实线成果图

固然若是不想使用class和id对div设置需要的边框格式，也或是在html代码中的div使用style直接行内设置边框花色。

<div style="border:1px dashed #000">使用style直接对div设置玄色虚线边框</div>

以上是直接html代码中div直接设置边框花样，如果想看到成就，拷贝以上代码放入html代码中<body></body>之间测试窥察观察效果，经过实践驾驭div的边框设置装备摆设。