css虛線樣式實現方式一：dotted虛線
<!Doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/><title>dotted虛線</title><style type="text/css">*{margin:100px;padding:0;}body{width:1000px;margin:0 auto;}.box{width:300px;height:50px;text-align:center;padding-top:30px;border:1px dotted #000;}</style></head><body><div class="box">大家好，我是dotted虛線！</div></body></html>
dotted虛線顯示效果：
css虛線樣式二：dashed虛線
<!Doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/><title>dashed虛線</title><style type="text/css">*{margin:100px;padding:0;}body{width:1000px;margin:0 auto;}.box{width:300px;height:50px;text-align:center;padding-top:30px;border:1px dashed #000;}</style></head><body><div class="box">大家好，我是dashed虛線！</div></body></html>
dashed虛線顯示效果：
css虛線樣式border中的dotted和dashed區別：
dashed：來自 dash（破折號），由 dash 組成的虛線
dotted：來自 dot （點），由 dot 組成的虛線，也稱點線
上面的示範也能直觀的看出來他們的區別
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
