HTML5 第八章定位网页元素课后作业

最新推荐文章于 2023-07-02 15:03:04 发布

tb19930719

最新推荐文章于 2023-07-02 15:03:04 发布

阅读量4.7k

点赞数 6

本文链接：https://blog.csdn.net/tb19930719/article/details/80806808

版权

              				HTML5 第八章定位网页元素课后作业
美食今日页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>美食今日页面</title>
    <style>
        #tou{
            width: 400px;
            border: 1px solid gray;
            border-radius: 8px;
        }
        h2{
            display: inline-block;
            position: relative;
            left:10px;
        }
        .tu1{
            position: relative;
            left: 170px;
        }
        .tu2{
            float: left;
            position: relative;
            left: 30px;
            top: -8px;
        }
        .one ul li {
            list-style: none;
            line-height: 5px;
            text-indent: 8em;
        }
        .tu3{
            position: absolute;
            top: 70px;
            left: 100px;
        }
        a,span{
            color: red;
        }
       .one{height: 90px}
    </style>
</head>
<body>
<div id="tou">
    <h2><span>SHOP</span>  今日推荐</h2>
    <img src="tupian/more.gif" class="tu1">
    <div class="one">
        <img src="tupian/img9.gif" class=

最低0.47元/天解锁文章

tb19930719

关注

6
点赞
踩
20

收藏

觉得还不错? 一键收藏
1
评论
HTML5 第八章定位网页元素课后作业

HTML5 第八章定位网页元素课后作业美食今日页面&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;美食今日页面&lt;/title&gt; &lt;s
复制链接

扫一扫