[JavaScript知识库] javascript网页，框框的小制作

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> javascript网页，框框的小制作 -> 正文阅读

[JavaScript知识库]javascript网页，框框的小制作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* ul {padding-:0;margin-:0;}
        li { list-style:none;}//去掉列表n-one-前面有标识*/
        li{list-style:none;}
        .lis { width:80px;height:30px;border:1px solid #333;position:relative}
        .lis a {display:block;line-height:30px;text-align:center;text-decoration:none;color:#000;background:#f1f1f1;}
         ul ul {padding:0;margin:0;width:140px;border:1px solid
          #333;position:absolute;top:30px;left:-1px;background:#FF9;}/*加一个display:none;是让它隐藏*/
         ul ul li {text-align:center;line-height:30px;}
    </style>
</head>
<body>
<ul>
    <li class="lis">
        <a href="#">微博</a>
        <ul>
            <li>私信</li>
            <li>评论</li>
            <li>@我</li>
        </ul>
    </li>
</ul>
</body>
</html>