Home > Article > Web Front-end > 使用CSS把ul,li制作成表格_html/css_WEB-ITnose
使用CSS把ul,li制作成表格_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:32:311389browse
查看效果：http://hovertree.com/texiao/css/7.htm
具体实现请看样式部分。
完整代码：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>使用CSS把ul,li制作成表格-何问起</title><base target="_blank" /><meta charset="utf-8" /><style>.hovertreeulli ul{list-style:none;width:300px;border:solid 1px gray;padding:0px}.hovertreeulli li{margin-left:0px;width:99%;border-bottom:1px dotted gray;text-align:center;line-height:30px}a{color:blue;text-decoration:none}</style></head><body><div><h2>何问起</h2><h3>使用CSS把ul,li制作成表格</h3></div><div class="hovertreeulli"><ul><li><a href="http://hovertree.com/">首页</a></li><li><a href="http://hovertree.com/map/">网站地图</a></li><li><a href="http://hovertree.com/menu/hovertreecms/">HoverTreeCMS</a></li><li><a href="http://hovertree.com/menu/texiao/">特效</a></li><li><a href="http://cms.hovertree.com/">CMS在线预览</a></li><li><a href="http://hovertree.com/hvtart/bjae/74cc61ed089a2991.htm">jQuery图片列表鼠标经过遮罩显示文字</a></li><li><a href="http://hovertree.com/hvtart/bjae/9gjkwp4f.htm">原文</a></li></ul></div> </body></html> web前端：
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：基于webpack的前端工程化开发解决方案探索（一）：动态生成HTML_html/css_WEB-ITnoseNext article：（转载）移动WEB前端开发资源整合_html/css_WEB-ITnose