如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
怎么在HTML里加 展开详细信息
来源：互联网
2023-03-16 19:10:21 431
我们经常会看到一些页面，开始并没有显示详细信息，只是在点击某个链接后，详细信息才显示出来。这样的功能怎么做的？其实很简单的，下面我们一下起来看下。
方法/步骤
我们先在html里添加一个table，显示一些内容，代码如图。
运行页面，显示出了一个二行二列的table。现在并没有显示详细信息。
在table的第二列里，添加详细信息的内容，需要注意的是，我们为这个内容添加了id，和hidden的样式名。
再次运行该页面，显示出了详细信息了。
但这不是我们需要的样子，我们需要添加一个hidden的样式，样式很简单，就是把有这个样式的内容隐藏起来。代码如图
再次运行页面，html里有详细信息，但在页面上并没有显示出来，因为我们加了hidden的样式。
然后添加JS代码，为[详细信息]添加点击事件，代码意思是：点击后就显示具体的详细内容，并把‘[详细信息]’这个链接隐藏，
（需要注意的是，这里的代码用到Jquery，所以需要先引入Jquery脚本库）
运行页面，这就是我们最终的页面效果了。页面加载后，并没有显示详细信息，但点击后，就会展开显示对应的详细信息了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 436 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)