Home  >  Article  >  Web Front-end  >  How to set html border line

How to set html border line

藏色散人
藏色散人Original
2021-04-29 10:14:5522943browse

htmlHow to set the border line: First create a new HTML document and write the basic frame; then create a new div tag; finally set the border line style through the "border:1px solid red;" attribute.

How to set html border line

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.

Open the editor, create a new HTML document, and write the basic framework.

How to set html border line

Create a new CSS document and associate it with the HTML document you just created.

How to set html border line

Create a new div tag. You can see that this div has no border by default.

How to set html border line

border: 1px solid red;

This is our common format for setting borders.

How to set html border line

We can change the border to dotted style.

How to set html border line

can also be modified to a dotted shape.

How to set html border line

For more detailed HTML/CSS knowledge, please visit the CSS Video Tutorial column!

The above is the detailed content of How to set html border line. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn