HTML5和CSS3开发第八章课后作业

最新推荐文章于 2021-06-28 03:17:17 发布

suixinCaesar

最新推荐文章于 2021-06-28 03:17:17 发布

阅读量3.3k

点赞数

分类专栏： Java使用HTML5和CSS3开发

本文链接：https://blog.youkuaiyun.com/suixinCaesar/article/details/80810986

版权

本篇博客主要介绍了使用HTML5和CSS3技术来制作SHOP的今日推荐展示以及京东风格的轮播页面，同时涵盖了如何构建新东方顶部导航菜单的简化版。通过这三个实践项目，读者可以深入理解并应用前端开发中的布局和动态效果技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

3.制作SHOP今日推荐

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <style>
        li{
            list-style-type: none;
        }
        a{
            color: red;
        }
        ul{color: gray}
    </style>
</head>
<body>
    <div style="width: 350px;border: 1px solid #C1D9F3;border-radius: 15px;margin: 0px auto">
        <div style="position:relative;padding: 0px 10px">
            <p style="font-size: 18px;font-weight: bold"><span style="color:red;">SHOP </span>今日推荐</p>
            <img src="images/homework3/more.gif" style="position: absolute;right: 15px;bottom: 5px">
        </div>
        <dl>
            <dd style="position: relative;">
                <img src="images/homework3/shen.png" style=&

最低0.47元/天解锁文章