在之前“邊框”這一章，我們已經深入學習了邊框屬性。我們再次聲明一下，對於border（邊框）的值，我們在項目開發的時候，更多習慣用“簡潔寫法”。對於“border:1px solid gray;”這種簡潔寫法，第一個值指的是框的大小（border-width），第二個值指的是框的樣式（border-style），第三個值指的是框的顏色（border-color）。
語法：
border:像素值 邊框類型 顏色值
說明：
兩個屬性值之間一定要用空格隔開。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS邊框border</title>
<style type="text/css">
#main
{
width:100px;
height:80px;
border:2px dashed gray;
}
</style>
</head>
<body>
<div id="main"></div>
</body>
</html>
在浏覽器預覽效果如下：