h5学习笔记 ul和li组合

最新推荐文章于 2024-03-05 21:39:00 发布

传说中的贫民窟

最新推荐文章于 2024-03-05 21:39:00 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/truhfcg/article/details/83952373

版权

本文介绍了使用HTML的ul和li元素制作wing插件目录时的经验，强调了在制作HTML页面时如何处理样式覆盖问题，以及分享了一篇关于人工智能的零基础教程。

摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

今天在做wing插件时候，尝试看看参考书的百度阅读的目录来做插件目录。因为wing里面导入html的样式会发生一些改变。所以制作的html页面的时候需要在里面做一下手脚。加入!important; 防止覆盖。
发现这个组合也挺漂亮的。

效果图如下
这里写图片描述

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>插件开发导航</title>    </head>    <style type="text/css">        #book ul{            list-style-type: none;        }        #book ul li{            border-bottom: 1px solid #F8F8F8;;               height: 30px;            line-height: 30px;        }        #book ul li a{            border-left: 3px solid #58DB5A;            padding-left: 8px;              text-decoration: none;              color: #666;             }        #book ul li a:hover{             color:#58DB5A;              cursor: pointer;        }        #book .info{            border-bottom: 1px solid #999999;            line-height: 30px;            margin-left: 40px;