.dotted-line{
border-bottom: 1px dotted #ccc;
}上述代码定义了一个类名为dotted-line的样式，其中border-bottom属性表示元素的底部边框，1px表示边框宽度，dotted表示虚线样式，#ccc表示边框颜色。这样，所有使用dotted-line类名的元素底部就会出现一条1px宽的虚线。
若需要定义其他位置的虚线，可以将border-xx改为相应的属性，如border-top、border-left等。同时，可根据实际需要调整虚线的宽度和颜色，如将1px改为2px、#ccc改为其它颜色值。
需要注意的是，在某些浏览器中，可能会出现虚线不连贯或边框模糊的情况。此时，可以通过设置outline属性或使用伪元素before、after来解决。
总之，通过使用CSS3画虚线，可以很方便地为页面设计增添一定的美观性和可读性。开发者应该根据实际需要合理使用这一功能，避免过度装饰或造成页面过于繁琐。