Home > Article > Web Front-end > How to remove borders in css
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.
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.
In the test.html page, create a div and set its css class name to con. The code is as follows:
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.
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"]
##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: 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: 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:
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!