這篇文章主要為大家展示了“如何設(shè)置div的邊框線為實線”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學習一下“如何設(shè)置div的邊框線為實線”這篇文章吧。
為澄海等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及澄海網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、澄海網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
一、邊框?qū)傩院唵谓榻B
1、邊框?qū)傩詾閎order
2、邊框兼容好的重用樣式有:
none : 無際框
solid 實線邊框
dashed 虛線邊框3、div標簽設(shè)置邊框線為實線,那么就是要border邊框花式值為solid
4、div邊框線為實線樹模代碼:
div{border:1px solid #000}配置div四條邊玄色實現(xiàn)邊框。
二、div實線邊框應(yīng)用實例
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左邊框?qū)嵕€ 粗為3px 藍色</div> <div class="div-right">DIV左邊框?qū)嵕€ 粗為3px 血色</div> <div class="div-top">div上邊框?qū)嵕€ 粗為3px 藍色</div> <div class="div-bottom">div下邊框?qū)嵕€ 粗為3px 紅色</div> <div class="div-all">邊框?qū)嵕€ 粗為3px</div> </body> </html>
以上是“如何設(shè)置div的邊框線為實線”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
分享名稱:如何設(shè)置div的邊框線為實線
分享路徑:http://vcdvsql.cn/article44/pdcohe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、域名注冊、企業(yè)建站、小程序開發(fā)、ChatGPT、網(wǎng)站維護
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)