當前位置：
首頁 >
1、3边框border
發布時間：2024/5/14
53
豆豆
生活随笔
收集整理的這篇文章主要介紹了
1、3边框border
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
提示：文章寫完后,學到怎么設置一個漂亮的邊框，邊框顏色、邊框粗細、邊框實線、虛線、點線。
1、語法：?
? ? ? ? ? ? ? ? ? ? ? ? ? ? div{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? border-width:2px;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? border-style:"solid";
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? border-color:"red";
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
解釋：
border邊框我們可以設置，三部分：邊框粗細
?（1）、邊框粗細
?（2）、邊框顏色
? （3）、邊框樣式
單獨寫：
border-width? ? ? ? ? ? ? 定義粗細，單位px（像素）
border-style? ? ? ? ? ? ? ? 邊框樣式、實線、虛線、點線
border-color? ? ? ? ? ? ? ?邊框顏色? ? ? ? ? ? ? ?
邊框border-style屬性值：
solid? 實體線
dashed? ?虛線
dotted? ? 點線
自己代碼展示：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>外邊框border</title><style>div {width: 300px;height: 200px;border-width: 5px;/* border-width表示邊框、這個值小越細 */border-style: solid;/* border-style表示邊框樣式solid表示實線 *//* border-style: dashed; *//* 這個dashed是虛線 *//* border-style: dotted; *//* 這個dotted表示點線 */border-color: pink;邊框顏色}</style> </head><body><div></div> </body></html>總結
提示：這里對文章進行總結：
例如：以上就是今天要講的內容，本文僅僅簡單介紹了邊框border三個屬性值、邊框粗細、邊框（實線、虛線、點線）、邊框顏色。
總結
以上是生活随笔為你收集整理的1、3边框border的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 计算机行业高级职称考试大纲,【2017年
- 下一篇： 嘉创房地产拟以介绍方式在港交所上市，期内