在css中設置邊框虛線的方法：1.創建div標簽；2.設置標簽寬高；3.使用border屬性添加虛線邊框；
在css中設置邊框虛線的方法
1.首先，在頁面中創建兩個div標簽，并定義class用于對比；
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<style></style>
</head>
<body>
<div class="bat"></div>
<div class="btn"></div>
</body>
</html>
2.div標簽創建好后，在css中設置標簽的寬度和高度；
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<style>
div{
width:100px;
height:60px;
}
</style>
</head>
<body>
<div class="bat"></div>
<div class="btn"></div>
</body>
</html>
3.最后，標簽樣式設置好后，使用border屬性即可為div標簽添加虛線邊框；
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<style>
div{
width:100px;
height:60px;
}
.bat{
border: 2px solid #000;
}
.btn {
border: 2px dashed #000;
}
</style>
</head>
<body>
<div class="bat"></div>
<div class="btn"></div>
</body>
</html>
效果：
