HTML+CSS仿BMW官网

最新推荐文章于 2024-06-18 10:34:27 发布

不是码农的程序猿

最新推荐文章于 2024-06-18 10:34:27 发布

阅读量4.4k

点赞数 9

分类专栏：网页制作文章标签： html css html5 css3

本文链接：https://blog.csdn.net/weixin_50926516/article/details/111329343

版权

这篇博客记录了作者通过参考苹果官网，使用HTML和CSS完成了一个仿BMW官网的期末作业。内容包括参考图片、视频和所使用的CSS文件。虽然目前仅为静态页面，但作者计划进一步学习JavaScript以实现动态效果。

摘要由CSDN通过智能技术生成

看着苹果官网使劲敲代码。

我的期末作业。

先看看两张参考图片。。。
在这里插入图片描述

再来一个参考视频。。。。。

乐爷宝马 - 360极速浏览器 12.0 2020-12-17 20-14-05

再来看看我敲的东东。。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>乐爷宝马</title>
	<link rel="icon" href="img/tb.png">
	<link rel="stylesheet" type="text/css" href="css/bass.css"/>
	<link rel="stylesheet" type="text/css" href="css/head.css"/>
	<link rel="stylesheet" type="text/css" href="css/footer.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
      <div class="tonbu" id="dw">
           <div class="beijin" title="乐爷的老爷车" >
                 <img src="img/beijin.jpg" class="bg" width="1348" height="603px" >
           </div>


           <div class="nav">
                 <ul>
                 	<li class="line"><a href="#">全部车型</a></li>
                 	<li class="line"><a href="#">购车支持</a></li>
                 	<li class="line"><a href="#">BMW电动未来</a></li>
                 	<li class="line"><a href="#">BMW服务</a></li>
                 	<li class="line"><a href="#">BMW天地</a></li>

                 	<div class="r_ine">
                 	      <li class="rine"><a href="#" class="s"><img src="img/sous.png"></a></li>
                 	      <li crass="rine"><a href="#" class="r"><img src="img/renw.png"></a></li>
                 	      <li crass="rine"><a href="#" class="w"><img src="img/weiz.png"></a></li>
                 	 </div>
                 </ul>



                
           </div>


           <div class="logo"><a href="#"><img src="img/logo.png"><a></div>

                <div class="the">
                     <h2>THE iX</h2>
                     <h3>乐爷的老爷车BMW iX</h3>
                     <a href="#"><span>了解详情</span></a>
                </div>


           <div class="xx"><a href="#dw"><img src="img/xx.png"></a></div>


           
      </div>

      

      <div class="box">
         <div class="dian">
                <ul>
            	    <li></li>
            	    <li></li>
            	    <li></li>
            	    <li></li>
            	    <li></li>
            	    <li></li>
                </ul>
          </div>

      </div>


      <div

最低0.47元/天解锁文章

不是码农的程序猿

关注

9
点赞
踩
41

收藏

觉得还不错? 一键收藏
14
评论
HTML+CSS仿BMW官网

看着苹果官网使劲敲代码。我的期末作业。先看看两张参考图片。。。再来一个参考视频。。。。。乐爷宝马 - 360极速浏览器 12.0 2020-12-17 20-14-05 再来看看我敲的东东。。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt
复制链接

扫一扫