邊框樣式的設置
阿新 • • 發佈：2017-07-12
meta itl 20px title left har html -c top
border-left:10px solid red;/*左邊框的修飾*/
border-top:10px double red;/*上邊框的修飾，double雙線*/
border-right:10px dashed red;/*上邊框的修飾，dashed虛線*/
border-top:10px dotted red;/*上邊框的修飾，dotted點劃線*/
border-radius:10%;/*修飾邊角，變圓滑，取值和margin一樣*/
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>邊框樣式的設置</title>
<style>
div{
width:400px;
height:400px;
}
.div1{
border-width:10px;/*邊框的寬度*/
border-style:solid;/*邊框的樣式*/
border-color:red;/*邊框的顏色*/
/*集合屬性border:10px solid red;*/
}
.div2{
margin-top:20px;/*margin：兩個div的外邊距*/
border-left:10px solid red;/*左邊框的修飾*/
border-top:10px double red;/*上邊框的修飾，double雙線*/
border-right:10px dashed red;/*上邊框的修飾，dashed虛線*/
border-top:10px dotted red;/*上邊框的修飾，dotted點劃線*/
border-radius:10%;/*修飾邊角，變圓滑，取值和margin一樣*/
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>
邊框樣式的設置