树形菜单html5新特性,HTML5 details/summary树形菜单效果

CSS代码：

/* 隐藏默认三角 */

::-webkit-details-marker {

display: none;

}

::-moz-list-bullet {

font-size: 0;

float: left;

}

details {

padding-left: 20px;

}

summary::before {

content: '';

display: inline-block;

width: 12px; height: 12px;

border: 1px solid #999;

background: linear-gradient(to right, #999, #999) no-repeat center, linear-gradient(to top, #999, #999) no-repeat center;

background-size: 2px 10px, 10px 2px;

vertical-align: -2px;

margin-right: 6px;

margin-left: -20px;

}

[open] > summary::before {

background: linear-gradient(to right, #999, #999) no-repeat center;

background-size: 10px 2px;

}

HTML代码：

我的视频

爆肝工程师的异世界狂想曲

tv1-720p.mp4

tv2-720p.mp4

...

tv10-720p.mp4

七大罪

七大罪B站00合集.mp4

珍藏动漫网盘地址.txt

我们的小美好.mp4

树形菜单html5新特性,HTML5 details/summary树形菜单效果 » 张鑫旭-鑫空间-鑫生活相关推荐

input html5 新特性,html5 input 新特性
HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证. 介绍这些新的输入类型: email url number range Date pickers (date, month, ...
html5加js兼容性辅助,解决低版本IE关于html5新特性的兼容性问题html5shiv.js和Respond.js，以及excanvas.js解决低版本IE不支持canvas的问题...
插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv 用于解决IE9以下版本浏览器对HTML5新增标 ...
html5 svg特性,HTML5新特性——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的. SVG SVG 是一种使用 XML 描述 2D 图形的语言. SVG 基于 XML,这意味着 SVG DOM 中的每个 ...
HTML基础（一）--HTML5新特性和语义化
一.语义化概念 HTML5的语义化指的是合理正确的使用语义化标签来创建页面标签,正确的标签做正确的事,有利于SEO 二.语义化标签 header .nav.main(文档的主体).arcticle.s ...
HTML中三维特性,前端进阶系列(三):HTML5新特性
HTML5 是对 HTML 标准的第五次修订.其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入.HTML5 的语法是向后兼容的.现在国内普遍说的 H5 是包 ...
【HTML5新特性】
HTML5新特性一.语义标签二.增强型表单 1. input特性 2. 五个表单元素 3. 表单属性三.音频和视频四.canvas 五.SVG 六.地理位置七.拖放API 八.web Wor ...
Html5新特性总览
Html5新特性总览 1.HTML5 新元素标签描述 < article> 定义页面独立的内容区域. < aside> 定义页面的侧边栏内容. < bdi> 定 ...
HTML5新特性（基本）
1.HTML5改进 (1)兼容性核心理念:保持一切新特性平滑过渡 (2)实用性和用户优先 (3)化繁为简 2.HTML新特性 (1)减少了对外部插件的需求(flash) (2)更优秀的错误处理 (3 ...
HTML5新特性总结 1
文章目录 HTML5 HTML5 浏览器支持 HTML5新元素 HTML5 Canvas 浏览器支持创建一个画布(Canvas) 使用 JavaScript 来绘制图像画线.画圆.写字.渐变效果 ...

树形菜单html5新特性,HTML5 details/summary树形菜单效果 » 张鑫旭-鑫空间-鑫生活

树形菜单html5新特性,HTML5 details/summary树形菜单效果 » 张鑫旭-鑫空间-鑫生活相关推荐

最新文章

热门文章