html有序表和无序表

最新推荐文章于 2022-11-10 16:00:00 发布

April临末

最新推荐文章于 2022-11-10 16:00:00 发布

阅读量253

点赞数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘宝网</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;/*和电脑屏幕左上角的距离为0*/
        }
        ul{
            list-style: none;/*取消空心圆*/
        }
        li{
            margin: 0 10px;/*增加子项目之间的距离*/
            float: left;/*水平放置*/
            color: #ff4400;/*设置字体颜色为红色*/
            font-weight: bold;/*字体加粗*/
            font-size: 14px;/*设置字体大小*/
            height: 25px;/*设置高度*/
            line-height: 25px;
            padding: 0 5px;增/*加左右距离*/
        }
        li:hover{
            border-radius: 15px;/*背景设置为圆角*/
            background-color: #ff4400;/*背景颜色为红色，*/
            color: #fff;/*鼠标挪上去为白色*/
        }

    </style>
</head>
<body>
           <!-- 有序表-->
       <!-- 你们喜欢看的电影
        <ol type="1" start="2">
            &lt;!&ndash;start="2"从第2开始排序&ndash;&gt;
           &lt;!&ndash; reversed="reversed"倒着排序&ndash;&gt;
            &lt;!&ndash;有五种排序方式，默认的是12345这样排，此外还有大小写a,A26个字母排序，和大小写iI,罗马数字排序&ndash;&gt;
            &lt;!&ndash;有序列表&ndash;&gt;
            <li>大话西游</li>
            <li>泰囧</li>
            <li>泰坦尼克号</li>
        </ol>-->
               <!-- 无序表-->

            <ul type="circle"><!-- disc实心圆   square 实心方块   circle 空心圆-->
                <li>天猫</li>
                <li>聚划算</li>
                <li>天猫超市</li>
            </ul>

</body>
</html>

April临末

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html有序表和无序表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淘宝网</title> <style type="text/css"> *{ margin: 0; ...
复制链接

扫一扫