欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

在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设置虚线+实线效果图
html实例用div设置装备摆设虚线+实线成就图

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-tool/t53425.shtml