How to hide css styles

The way to hide the CSS style is to set the [display:none;] attribute to the element, so that the element will be hidden and no longer occupy its original position. If you want to redisplay the element, you can set the [displayL:block;] attribute.

The operating environment of this article: windows10 system, css 3, thinkpad t480 computer.

If we want to hide the style in css, then we can use the display attribute. One of the attribute values ​​​​of this attribute is none.

After a style sets the display:none attribute, the element will be hidden and will no longer occupy its original position. If we want to redisplay the element, we only need to set display:block;, so that the element will be redisplayed.

Let’s do a simple code test. There are two buttons. Click the open button, and the display attribute of the div tag is changed to block, which is displayed. Click the off button, and the display attribute of the div tag is changed to none. , hide it.

Specific code:

    
    
    
    



     开
    关
    


    

The running screenshot is as follows:

Related video tutorials Share: css video tutorial

The above is the detailed content of How to hide css styles. For more information, please follow other related articles on the PHP Chinese website!