一款纯css3实现的漂亮的404页面的实例教程

2020-05-01 10:16:30易采站长站整理

            border-bottom: 0px solid #c0392b;   
        }   
           
        .srchFld   
        {   
            border: 0;   
            border-radius: 7px;   
            padding: 0 17px;   
            max-width: 404px;   
            width: 40%;   
            border-bottom: 5px solid #bdc3c7;   
            height: 60px;   
            color: #7f8c8d;   
            font-size: 19px;   
        }   
           
        .srchFld:focus   
        {   
            outline-color: rgba(255, 255, 255, 0);   
        }   
           
        /* 404 Styling */  
        .header   
        {   
            font-size: 13rem;   
            font-weight: 700;   
            margin: 2% 0 2% 0;   
            text-shadow: 0px 3px 0px #7f8c8d;   
        }   
           
        /* Error Styling */  
        .error   
        {