How do I add a dotted line to a div?

Method 1: Make a 1x2 diagram. Half black and half white, and then use ** to make a line. Although this method is cumbersome, it can be browsed in any browser and is the most compatible.

Method 2: Set it in CSS.

In the CSS panel, select "Redefine HTML Tag", then "Table" in the drop-down menu, select Border in the pop-up panel, select Category in Border, and in Border, set Top, Left, Right, and Bottom to 1px, and set the color to the color you want the border. Then select dashed in the style drop-down box. Everything is ok.

It's just that all the ** will use the dotted line as the border. Note that this effect is only visible in the browser.

Method 3: Set it directly in the HTML (if you only want a certain ** border to be a dotted line).

Add this to the html:

style="border-left: 000000 1px dashed; border-right: 000000 1px dashed; border-top:

000000 1px dashed; border-bottom: 000000 1px dashed"

There are 2 known ways (pure style):

1.Use the border line of the tag (div, span, these tags are fine) to set the dotted line, for example, insert the div where you need it and then set border-top (or border-bottom): 1px dashed e5e5e5; (The 3 attributes are each indicated:.)

1 pixel of the width of the side of the dashed color);

2.Use hr, but because the implementation is the same as the way, for example, but this label has been eliminated in h5, and it can be achieved by the first one. The second is knowledge expansion.

Then it depends on how you want to implement this dotted line, for example, the way to implement the dashed line is div, and there is the HR horizontal line method.

div can be written like this: border-top:1px ccc dashed; , leaving only one edge visible, the other edges are not visible, and the property of the dashed line is dashed;

If you use hr to implement it, you can also write the dashed attribute value in the style;

This completes the dotted line.

How to make the frame thickness of this box are, 10px on the top, 5px on the left, 20px on the bottom, and 5px on the right. **To content="text/html;charset=utf-8" /> .box

You can refer to the border-style property. Mark the border attribute with hr as a dotted line.

none defines borderless.

hidden with"none"Same. However, with the exception of when applied to tables, hidden is used to resolve border conflicts.

dotted defines a dotted border. Rendered as a solid line in most browsers.

dashed defines the dashed line. Rendered as a solid line in most browsers.

solid defines solid lines.

dou le defines the double line. The width of the double line is equal to the value of border-width.

Groove defines a 3D groove border. Its effect depends on the value of border-color.

ridge defines a 3D ridge border. Its effect depends on the value of border-color.

The inset defines the 3D Inset border. Its effect depends on the value of border-color.

The outset defines the 3D outset border. Its effect depends on the value of border-color.

inherit specifies that the border style should be inherited from the parent element.

The line in CSS can be bordered, solid, and dashed, and the text can be underscored.

Other lines can be done in js, like slashes, arcs, etc.

Added this annihilation CSS to the Elemental Hand Leaky Border Rot

border：1px dashed #f00;

dashed is a dashed line.

solid is a solid line.

It looks like it's made with ** posture. I think Huai Ming, it feels complicated not to **. You can f12 or right-click-> review elements to see the specific** lead proclamation. I tried to write it down with **, and it can basically meet the requirements.

border-style:dotted,That's a form of border.,For example, if you need a dotted line between div and div, you can set a dashed border at the bottom of a div.,If it's a list of words, you can set the bottom border to be dotted.。

If it's just between lines, just set the border at the bottom of the div to be a dotted line: border-bottom:1px 000000 dotted;

The ** of the dividing line is.

hr you can also try dashed, as well as add values to border, such as hr

You can put the text in two divs and set the bottom border of the first div: border-bottom: 1px dashed ccc;

border-bottom: 1px fff dashed in two row elements.

Define the line height of the text by adding a background style to the layer in which it is located, which means that the dotted line is a **.

Text, text, text.

You're a p text paragraph, right?