<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            a{
                background-color: red;
                
                /* 
                    将一个内联元素变成块元素
                        通过display可以修改元素的类型
                    
                    可选值: 
                        inline: 可以将元素作为内联元素显示
                        block: 可以将一个元素设置为块元素显示
                        inline-block: 可以将一个元素设置为行内块元素
                        none: 不显示元素,并且元素不会在页面中不会继续占有位置
                 */
                display: block;
                width: 100px;
                height: 100px;
            }
            
            div{
                width: 100px;
                height: 100px;
                background-color: #0000FF;
                
                /* 
                    visibility
                        可以用来设置元素的隐藏和显示的状态
                        可选值
                            visible 默认值 元素默认在页面显示
                            hidden 元素不会在页面中显示,但是还是会占用页面的位置
                 */
                
                visibility: hidden;
            }
            
        </style>
    </head>
    <body>
        <div>
            
        </div>
        <a href="#">超大超链接</a>
        
        
    </body>
</html>
posted on 2021-06-30 20:32 leiyanting 阅读(87) 评论(0) 收藏举报
刷新页面返回顶部
导航
