如何設置div的邊框線為實線

發(fā)布時間：2022-03-03 09:26:06 來源：億速云閱讀：3049 作者：小新欄目：web開發(fā)

這篇文章主要為大家展示了“如何設置div的邊框線為實線”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何設置div的邊框線為實線”這篇文章吧。

一、邊框屬性簡單介紹
1、邊框屬性為border
2、邊框兼容好的重用樣式有：
none : 　無際框
solid 實線邊框
dashed 虛線邊框
3、div標簽設置邊框線為實線，那么就是要border邊框花式值為solid
4、div邊框線為實線樹模代碼：
div{border:1px solid #000}
配置div四條邊玄色實現(xiàn)邊框。
二、div實線邊框應用實例
1、這里對div分別徑自配置上、下、左、右、四條邊實線花樣。
2、殘缺HTML CSS實例代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div實線邊框配置 css5.com.cn</title>
<style>
.div-left{width:300px;margin-top:5px;height:100px;border-left:3px solid #00F}
.div-right{width:300px;margin-top:5px;height:100px;border-right:3px solid #F00}
.div-top{width:300px;margin-top:5px;height:100px;border-top:3px solid #00F}
.div-bottom{width:300px;margin-top:5px;height:100px;border-bottom:3px solid #F00}
.div-all{width:300px;margin-top:5px;height:100px;border:3px solid #00F}
</style>
</head>
<body>
<div class="div-left">div左邊框實線 粗為3px 藍色</div>
<div class="div-right">DIV左邊框實線 粗為3px 血色</div>
<div class="div-top">div上邊框實線 粗為3px 藍色</div>
<div class="div-bottom">div下邊框實線 粗為3px 紅色</div>
<div class="div-all">邊框實線 粗為3px</div>
</body>
</html>

以上是“如何設置div的邊框線為實線”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

如何設置div的邊框線為實線

一、邊框屬性簡單介紹

二、div實線邊框應用實例

猜你喜歡

最新資訊

相關推薦

相關標簽

二、div實線邊框應用實例