1、打開html開發工具，新建壹個html代碼頁面，然後創建壹個<div>標簽，並給這個標簽添加文字和壹個class為了dashed。創建<div>代碼:<div class="dashed">dashed: 定義壹個虛線邊框</div>
2、設置虛線邊框。創建<style>標簽，然後在這個標簽裏設置dashed類的樣式為虛線邊框。css樣式代碼：<style type="text/css">.dashed{border-style:dashed;border-width:1px;</style>
3、保存html代碼，然後使用瀏覽器打開，即可看到瀏覽器頁面上顯示壹個虛線邊框。