web前端网站

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>小米官网</title>

</head>

<body style="background-color: rgb(68, 79, 108);width: 1080px;height: 700px;">

     <img src="小米官网/mi图标.png" alt=" "width="60" height="60">

     <div style="position: relative;width: 1080px;height: 700px;"><img src="小米官网/Xiaomi-SU7-EV-1-1080x628.jpg" alt=""width="1080"height='628'><!作为倒数第二层背景图>

     <span style="position: absolute; top: 0; left: 0;"<div class="box1"><br>人车合一 我心澎湃<br>xiaomi su7</br></div></span><!调整字体定位居中>

      </div>

     <div><svg t="1713161743331" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="877" width="200" height="200"><path d="M394.547 565.402C205.21 565.402 51.2 717.978 51.2 905.677V925.9C51.2 1024 202.752 1024 394.547 1024h203.725c184.269 0 343.347 0 343.347-98.1v-20.223c0-187.597-154.01-340.275-343.347-340.275H394.496z m91.648-26.01c149.965 0 271.923-120.934 271.923-269.67C758.118 120.986 636.16 0 486.246 0 336.282 0 214.272 120.986 214.272 269.722c0 148.684 122.01 269.67 271.974 269.67z" p-id="878"></path></svg> </div>

     <div><svg t="1713162169969" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="877" width="200" height="200"><path d="M784.249263 56.966737a133.173895 133.173895 0 0 1 136.111158 130.021052v650.051369a133.173895 133.173895 0 0 1-136.111158 130.021053H239.750737a133.173895 133.173895 0 0 1-136.111158-130.021053V186.987789a133.173895 133.173895 0 0 1 136.111158-130.021052z m-272.168421 236.058947a203.560421 203.560421 0 0 0-194.021053 134.117053 190.113684 190.113684 0 0 0 72.757895 217.869474 211.994947 211.994947 0 0 0 239.481263 1.967157l75.964632 72.542316a35.031579 35.031579 0 0 0 48.128 0 31.474526 31.474526 0 0 0 0-45.97221l-75.964632-72.515369a187.688421 187.688421 0 0 0 15.009685-202.401684A205.527579 205.527579 0 0 0 512 293.025684z m0 64.997053a130.155789 130.155789 0 1 1-136.272842 130.101895A133.173895 133.173895 0 0 1 512 358.022737z" p-id="878"></path></svg></div>

     <div><svg t="1713162193754" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1030" width="200" height="200"><path d="M906.590316 85.746526s-136.326737 53.194105-214.150737 28.402527A550.750316 550.750316 0 0 1 502.864842 16.815158a550.750316 550.750316 0 0 1-189.574737 97.333895c-77.824 23.578947-214.150737-28.402526-214.150737-28.402527a3238.453895 3238.453895 0 0 0 9.943579 512c28.725895 219.405474 393.781895 386.479158 393.781895 386.479158s365.702737-166.265263 393.781895-385.724631a3238.346105 3238.346105 0 0 0 9.943579-512.673685zM497.017263 644.958316a29.642105 29.642105 0 0 1-43.304421 0l-46.214737-47.157895-86.016-88.926316a32.175158 32.175158 0 0 1 0-44.139789l24.576-24.791579a29.642105 29.642105 0 0 1 43.304421 0l86.016 88.279579 195.988211-201.269895a29.642105 29.642105 0 0 1 43.304421 0l24.576 25.384421a32.175158 32.175158 0 0 1 0 44.13979z" p-id="1031"></path></svg></div>

     <!插入小图标,在阿里巴巴网站粘贴网址>

     <!了解详情,白色边框>

</body>

</html>