《html5》html5交互元素的使用

Html5交互元素就是和用户进行互动的元素，和之前js控制效果不同，html5比html增加了很多的交互元素，比如隐藏显示注脚就是其中的一个，divcss5小编给你用案列分享一下注脚交互元素。

交互元素的使用

body{

font-size: 12px;

}

span{

font-weight: bold;

}

details{

overflow: hidden;

height: 0;

padding-left: 200px;

position: relative;

display: block;

}

details[open]{

height: auto;

}

隐藏脚注

本页面生成于 2016-010-21

注释的隐藏注脚，打开可以看到效果，实现的效果如下图

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！