How to represent the dotted frame in css

This article will explain in detail how to express the dotted box in CSS. Xiaobian thinks it is quite practical, so share it with you for reference. I hope you can gain something after reading this article.

The representation method of dashed line box in css: 1. Element {border-style:dashed;},"dashed" value indicates that the border is set to dashed line style;1. Element {border-style:dotted;},"dotted" value indicates that the border is set to dotted style.

Operating environment of this tutorial: Windows 7 system, CSS3 && HTML5 version, Dell G3 computer.

There are two ways to represent dashed boxes in css.

1. Use border-style: dashed; style, as follows:

Document div{ width:100px; height:100px; background-color:red; border-style: dashed; }

Output:

2. Use border-style: dotted; style, for example:

Document div{ width:100px; height:100px; background-color:red; border-style: dotted; }

Output:

About "how to express the dotted box in css" this article will be shared here. I hope the above content can be of some help to everyone so that you can learn more knowledge. If you think the article is good, please share it for more people to see.