如何用html+css写出一个电商网站大纲(后面会有每个部分讲解的博文)

本文链接：https://blog.csdn.net/linxuan0821/article/details/113154738

如何用html写一个电商网页主页

前言

目前我还在学习这个初阶段,如果有错误的地方或者没有做好的地方,还请诸位大佬指正,我会虚心学习,多谢了

正文

里面的东西
后面我会详细讲解内容

ps

这里是html代码
效果图

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>电商</title>
		<link rel="stylesheet" type="text/css" href="css/电商(新).css" />
	<script type="text/javascript">

     var tet= document.getElementById("text");

     var butt= document.getElementById("btn");

     var tet_li= document.getElementById("text_li");

          butt.onclick = function msg(){
    }
  

       </script>
 
    </head>

	<body>
  
        
<header>
      <p><h1>欢迎光临林轩淘网</h1></p>  
        
  </header>
<section>

    <div id="main" class="p1">
<div id="main1">
	<ul>
	<li><a href="手机导航.html">手机导航</a>
	<div class="p2">
	<dl>
	 <dd>  <a href="手机导航.html">小米</a></dd>
	<dd><a href="#">苹果</a></dd>
	<dd><a href="#"> 三星</a></dd>
    <dd><a href="#">vivo</a></dd>
    <dd><a href="#"> oppo</a></dd>
    <dd><a href="#">一加(oneplus) </a></dd>
   <dd>  <a href="#">夏普 </a></dd>
   
   <dd><a href="#">黑鲨 </a></dd>
    <dd><a href="#">华为 </a></dd>     
	
	</dl>
	</div>
	</li>
	<li><a href="#">生鲜水果</a>
	<div class="p2">
	<dl>
	<dd><a href="#">水果</a></dd>
	<dd><a href="#">虾蟹</a></dd>
	<dd><a href="">牛排</a></dd>
	<dd><a href="#">蛋类</a></dd>
        <dd><a href=""> 蔬菜</a></dd> 
    <dd> <a href="#">鱼类</a> </dd> 
        <dd><a href="#">贝类</a> </dd> 
        <dd><a href="#"> 禽肉</a></dd>
        <dd><a href="#">牛羊肉</a> </dd> 
        <dd><a href="#">猪肉</a> </dd>
        <dd><a href="#">软体/滑体</a> </dd> 
        <dd><a href="#"> 水产干货</a></dd> 
        <dd><a href="#">素食.包邮</a> </dd> 
	
	</dl>
	</div>
	</li>
	<li><a href="#">美容护肤</a>
	<div class="p2">