Shulou(Shulou.com)06/02 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.