專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2022-08-18 10:30:04 來源：動力節點 瀏覽1480次
在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年，晉升架構
提交申請后，顧問老師會電話與您溝通安排學習
官方微信
官方抖音
京公網安備 11030102010736號