专注Java教育14年
全国咨询/投诉热线：444-1124-454
更新时间：2022-08-18 10:30:04 来源：星辉 浏览907次
在HTML教程中，会讲的很多知识，那么，在HTML中div边框该如何设置？星辉小编来告诉大家。在HTML前端斥地中，有数次会对配置边框。这里给DIV加一个边框方式教程，实现div边框款式。经由CSS border花样属性实现加边框。如下是各类给DIV加分歧边框实例与才具教程、html代码。
1.用到css单词与值
border:1px solid #F00
设置对象边框为红色边框
2.div残破小实例实例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.CSS5.com.cn</title>
<style>
.a-4{ border:1px solid #F00}
</style>
</head>
<body>
<div class="a-4">四边为血色</div>
</body>
</html>
1.运用单词和值
border-top:1px solid #F00
2.完整实例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.CSS5.com.cn</title>
<style>
.a-top{ border-top:1px solid #F00}
</style>
</head>
<body>
<div class="a-top">只配置div上边框</div>
</body>
</html>
1.应用单词和值
border-bottom:1px solid #000
2.残破实例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.CSS5.com.cn</title>
<style>
.a-bottom{ border-bottom:1px solid #000}
</style>
</head>
<body>
<div class="a-bottom">只设置div下边框</div>
</body>
</html>
1.应用单词与值
border-left:1px solid #000
2.残破源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.CSS5.com.cn</title>
<style>
.a-left{ border-left:1px solid #000}
</style>
</head>
<body>
<div class="a-left">只设置div 左边框</div>
</body>
</html>
1.DIV的右侧框运用单词与值
border-right:1px dashed #F00
2.代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.CSS5.com.cn</title>
<style>
.a-right{border-right:3px dashed #F00}
</style>
</head>
<body>
<div class="a-right">只配置div右侧边框</div>
</body>
</html>
1.技能花样先设置border值，即设置对象4边均有边框，那条div边不需要设置装备摆设边框，就对其再配置边框为0的值。
2.残缺HTML源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.CSS5.com.cn</title>
<style>
.a-san{border:3px solid #F00; border-bottom:0}
</style>
</head>
<body>
<div class="a-san">三边有边框，其它一边没有边框</div>
</body>
</html>
配置下边框没有边框，其它三边设置边框。——下边框不设置装备摆设边框。
在下面实例代码教程中，概略看到border的值中其中一个单词为solid，即设置边框格式为实体线。
常用的兼容各大浏览器的虚线为dashed 即实例代码：
border:1px dashed #000
设置边框1px虚线黑色边框(#000 黑色采值，现实机关中精确色彩值依据贪图图经由PS拾色器械取得)
即：
border:1px dashed #000 —— 虚线1px厚度宽度彩色边框 border:1px solid #000 ——实线1px厚度宽度彩色边框。
以上就是关于“HTML中div边框设置方法”介绍，如果大家对此比较感兴趣，想了解更多相关知识，可以关注一下星辉的Java星辉在线学习，里面的课程内容从入门到精通，细致全面，比较适合没有基础的小伙伴学习，相信对大家一定会有所帮助的。
Java实验班
0基础 0学费 15天面授
Java就业班
有基础 直达就业
Java夜校直播班
业余时间 高薪转行
Java在职加薪班
工作1~3年，加薪神器
Java架构师班
工作3~5年，晋升架构
提交申请后，顾问老师会电话与您沟通安排学习
官方微信
官方抖音
