HTML5和CSS3开发电子商务网站第八章习题

最新推荐文章于 2018-06-27 08:21:06 发布

wsbbdbjay

最新推荐文章于 2018-06-27 08:21:06 发布

阅读量484

点赞数

本文链接：https://blog.csdn.net/wsbbdbjay/article/details/80811782

版权

本文主要探讨了HTML5和CSS3在电子商务网站开发中的实践应用，通过三个章节的习题，深入理解其在页面布局、交互设计和响应式布局上的优势。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index.html</title>
    <style>
       #title{
            width: 340px;
            border: 2px #AACBEE solid;
            margin: 0px auto;
            border-radius:10px;
        }
        h2{
            text-align: center;
            position: relative;
            left: -50px;
        }
        li{
            list-style: none;
            display:inline-block;
        }
         #d1{
           position: relative;
            right: -270px;
            top: -65px;
        }
        ul img{
            float: left;
            padding: 10px;
            position: relative;
            top: -10px;
        }
        span{
            color: #D80000;
        }a{
           color: #D80000;
                 }
   #last{
       position: relative;
       z-index: 1;
       left: 60px;
       top: 19px;
   }ul{
           position: relative;
           top: -30px;
       }
    </style>
</head>
<body>
<div id="title">
    <h2><span>SHOP</span> 今日推荐</h2><img id="d1" src="more.gif">
    <img id="last" src="shen.png">
   <ul>
       <div id="t1"><li><img src="img8.gif">
           <a href="#">汉来国际美食百货</a>&l