如何使用css3實(shí)現(xiàn)404頁(yè)面，針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、虛擬空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、開州網(wǎng)站維護(hù)、網(wǎng)站推廣。

html代碼：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

1.   
           
     
                 
                   404  
                 
                   ERROR
     
           
     
           
     
                 
           
     
           
     
               
     
                   Lost? Maybe I can help.
     
           
     
           
     
                 
                 
                 
                   Search  
                 
           
     
           
     
               
     
                   My Suggestions.
     
               
     
                   
   Home
     
                   
   Portfolio
     
               
     
           
     
         
   　　css3代碼：
   CSS Code復(fù)制內(nèi)容到剪貼板
   body   
           {   
               background-color: #0A7189;   
               color: #fff;   
               font: 100% "Lato" , sans-serif;   
               font-size: 1.8rem;   
               font-weight: 300;   
           }   
              
           a   
           {   
               color: #75C6D9;   
               text-decoration: none;   
           }   
              
           h4   
           {   
               margin-bottom: 1%;   
           }   
              
           ul   
           {   
               list-style: none;   
               margin: 0;   
               padding: 0;   
               line-height: 50px;   
           }   
              
           li a:hover   
           {   
               color: #fff;   
           }   
              
           .center  
           {   
               text-align: center;   
           }   
              
           /* Search Bar Styling */  
           form > *   
           {   
               vertical-align: middle;   
           }   
              
           .srchBtn   
           {   
               border: 0;   
               border-radius: 7px;   
               padding: 0 17px;   
               background: #e74c3c;   
               width: 99px;   
               border-bottom: 5px solid #c0392b;   
               color: #fff;   
               height: 65px;   
               font-size: 1.5rem;   
               cursor: pointer;   
           }   
              
           .srchBtn:active   
           {   
               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   
           {   
               margin: -70px 0 2% 0;   
               font-size: 7.4rem;   
               text-shadow: 0px 3px 0px #7f8c8d;   
               font-weight: 100;   
           }

關(guān)于如何使用css3實(shí)現(xiàn)404頁(yè)面問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。