前端作业:复刻百度页面

前端作业:复刻百度页面,第1张

这次作业主要用了CSS来实现较为现代化的页面美化。附上代码:



  
    
    
    百度一下,你就知道
    
  
  
    
      新闻    
      hao123    
      地图    
      贴吧    
      视频    
      图片    
      网盘    
      更多    
      
        
          设置
          
            搜索设置
            高级设置
            关闭预测
            隐私设置
            关闭热榜
          
        
        
          
          
            
          
        
      
    

    
      
    

    
      百度热榜
      
        
          
            1
            庆祝共青团成立100周年大会
          
          
            2
            团长摔死活鱼 居委会:报备是冷鲜鱼
          
          
            3
            上海已有8个区社会面基本清零
          
        
        
          
            4
            马斯克:将解封特朗普推特账号
          
          
            5
            苹果宣布停产iPod
          
          
            6
            中国超一半成年人超重或肥胖
          
        
      
    

    
    
    
      设为首页  
      关于百度  
      About Baidu  
      百度推广  
      使用百度前必读  
       意见反馈  
      帮助中心  
                                                                                                                             
      ©2022 Baidu   京ICP证030173号  
      京公网安备11000002000001号   京ICP证030173号
    
  

附上效果图:

页面用的大部分是基础公式,用了字体大小和字体颜色,大部分是超链接,图片直接指向百度logo图片网址,可以实现即使不加文件也可以看到图片。唯一的不足是没法实现换一换功能。这是个需要学习的地方。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/940703.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存