Home  >  Article  >  Web Front-end  >  How to remove borders in css

How to remove borders in css

藏色散人
藏色散人Original
2021-04-02 10:46:188387browse

How to remove the border in css: 1. Use "border:none" to remove the border of the div; 2. Use "border:1px solid transparent" to set the border to be transparent to remove the border of the div; 3. Set the border to be transparent To remove the border display of the div.

How to remove borders in css

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

Create a new html file, named test.html, for Explain how to remove the border of a div with CSS.

How to remove borders in css

In the test.html page, create a div and set its css class name to con. The code is as follows:

How to remove borders in css

Use css to set the div to be displayed in the center of the page, set its width and height to 300px, and set the div to a red border.

How to remove borders in css

In css, set a class name removeborder to remove the border style, and add it to the class attribute of the div. [Recommended learning: "css video tutorial"]

How to remove borders in css

##Method 1: In the style with the class name removeborder, use border:none to remove the border display of the div, as shown in the following figure:

How to remove borders in css

Method 2: In the style with the class name removeborder, use border:1px solid transparent to set the border Make it transparent to remove the border display of the div, as shown in the following figure:

How to remove borders in css

Method 3: In the style with the class name removeborder, use border:1px solid yellow to set the border color Use the same color as the background to remove the border display of the div, as shown below:

How to remove borders in css

The above is the detailed content of How to remove borders in css. 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
Previous article:What are css commentsNext article:What are css comments