日报8.5（第一个css项目）

最新推荐文章于 2024-06-13 06:20:33 发布

Gaunt_Odmi

最新推荐文章于 2024-06-13 06:20:33 发布

阅读量22

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/Gaunt_Odmi/article/details/132122893

版权

第一个css项目

1.制作玛莎拉蒂官网

1.制作玛莎拉蒂官网

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎访问奥德彪的网站</title>
    <link rel="stylesheet" href="test01.css">
</head>

<body>
    <div id="m1">
        <a href=""> 奥德吊 &nbsp;></a>
        <a href=""> 奥德发 &nbsp;></a>
        <a href=""> 奥德飘 &nbsp;></a>
        <p>
            <a href="" class="v1">奥德凹</a>
            <a href="" class="V1">奥德波</a> 
        </p>
       
    </div>
    <div id="M2"></div>
    <div id="M3">
        <div id="M4"><h4 style="display: inline-block;">奥德彪：</h4> &nbsp;&nbsp;&nbsp;奥德彪从来不是一个人，奥德彪代表的是一种向命运的不公顽强抗争的精神！</div>
    </div>
    <div id="OO">
        <li id="KK"><h4>奥德伟</h4><div id="B1">啊啊啊啊啊啊啊啊</div></li>
        <li id="KK"><h4>奥德丢</h4><div id="B1">啊啊啊啊啊啊啊啊</div></li>
        <li id="KK"><h4>奥德赛</h4><div id="B1">啊啊啊啊啊啊啊啊</div></li>
        <ul id="OOO">
            <li>
                <img src="../test05_b/MC20_front.png" alt="">
            </li>
            <li>
                <img src="../test05_b/MC20_front.png" alt="">

            </li>
            <li>
                <img src="../test05_b/MC20_front.png" alt="">

            </li>
            <li id="KK"><h3>建议零售价</h3><div id="B2">500000 CNY</div></li>
            <li id="KK"><h3>建议零售价</h3><div id="B2">500000 CNY</div></li>
            <li id="KK"><h3>建议零售价</h3><div id="B2">500000 CNY</div></li>

            <div id="p1">
                <ul id="p11">
                    <li>了解更多</li> <li id="att">啊啊啊啊</li>
                </ul>

                <ul id="p11">
                    <li>了解更多</li> <li id="att">啊啊啊啊</li>
                </ul>

                <ul id="p11">
                    <li>了解更多</li> <li id="att">啊啊啊啊</li>
                </ul>


            </div>



        </ul>
    </div>

</body>

</html>