html-8.10

最新推荐文章于 2024-10-04 06:11:34 发布

♬li

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量163

点赞数 2

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_74961950/article/details/141094214

版权

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            text-decoration: underline;
            text-decoration: overline;
            text-decoration: none;
        }

        p {
            text-indent: 2em;
            /* 首行缩进 :2em表示两个当前文字间隔； 20px代表像素*/

            line-height: 25px;
            /* 字体高度＋上行间距＋下行间距 */
        }

        .p {
            text-align: center;
            /* 输入tac回车快到飞起！ */
            width: 200px;
            height: 100px;
            line-height: 26;
            /* 输入w200回车，输入h100回车,输入lh26回车 */
        }

        ol li {
            color: green;
        }

        ol li a {
            /* 后代选择器 */
            color: pink;
        }
    </style>
    <link rel="stylesheet" href="h.css">

</head>

<body>
    <div>黄狗：感谢大吉发！</div>
    <div>范小勤：感谢大吉八！</div>
    <p style="color:green">小鱼最近被要求参加一个数字游戏，要求它把看到的一串数字记住了然后反着念出来。</p>
    <p>这对小鱼的那点记忆力来说实在是太难了，你也不想想小鱼的整个脑袋才多大，其中一部分还是好吃的肉！所以请你帮小鱼编程解决这个问题。</p>
    <ul>
        <li>这个是这样写出来的：ul>li</li>
    </ul>
    <ol>
        <li>哪来的牛啊？</li>
        <li>哪来的牛啊？</li>
        <li>哪来的牛啊？</li>
        <li><a href="#">哪来的牛啊？</a></li>
    </ol>
</body>

</html>

结果演示：