奥鹏_21春《HTML5开发基础与应用》离线作业1

要求


在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。

题目


小明的女朋友和小明生气了,他想哄女朋友开心。他在想为他女朋友做点儿什么呢?一天他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站,灵机一动,就给他做了一个简单的页面,下面是小明写的部分代码:

<DOCTYPE html>
<html>
<head></head>
<body>
    <ol>
        <li>百度</li>
    </ol>
</body>
</html>

1、请同学们将其转为无序列表,并将其补充完整。


<DOCTYPE html>
    <html>

    <head></head>
    <body>
        <ul>
            <li>百度</li>
        </ul>
    </body>
    </html>
在这里插入图片描述

2、小明同学想获取列表中第一个li元素节点,并设置其颜色为红色。他该怎么做呢?


<DOCTYPE html>
    <html>

    <head></head>
    <body>
        <ul>
            <li>百度</li>
        </ul>
    </body>
    </html>
    <style>
        li:first-child {
            background: rgb(255, 0, 0);
        }
    </style>
在这里插入图片描述

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原创文章,作者:老C,如若转载,请注明出处:https://www.code404.icu/1059.html

发表评论

登录后才能评论